Как избавиться от этого куска белого между DIVs? - PullRequest
Новая
       12

Как избавиться от этого куска белого между DIVs?

1 голос
/ 30 мая 2010

У меня сейчас проблемы с избавлением от осколка белого ...

Вот пример страницы: http://m.stackoverflow.quickmediasolutions.com/view_question.php?id=97969&site=serverfault

Как вы можете видеть, ответы имеют полоску белого цвета между верхней частью кнопки и содержимым.

Вот соответствующий код: 

<!-- this is the top of the 'button' -->
<div class='top'></div>

<!-- right here is where the space is -->
<div class='content'></div>

.top {
    height: 5px;
}
.content {
    display: block;
    padding-left: 10px;
}

Редактировать: эта проблема исправлена, и вскоре я приму ответ ниже.

Ответы [ 2 ]

4 голосов
/ 30 мая 2010

Это выглядит как родное поле элемента <p>: 

.question p { margin: 0 }

Подходящий совет для использования CSS-Reset, он устраняет большинство этих странностей и проблем совместимости с различными браузерами.

0 голосов
/ 30 мая 2010

Вы знаете, вы будете удивлены, как часто пробелы нарушают макет. Я выяснил трудный путь.

Просто за $ хиты и хихиканья напишите это вместе и посмотрите, что получится: 

<div class='top'></div><div class='content'></div>

и, конечно, я бы позаботился о том, чтобы в вашем css вы определили margin:0px; для обоих div

...