проблема заполнения css?

Question

Ниже приведен мой стиль CSS

 .line{
    float:left;
    height:1px;
    width:100%;
    background-color:#FFCC;
} 
span.imgLeft{
    float:left;
    padding: 4px 6px 4px 14px;              
}

У меня много таких строк на моей странице, внутри двух строк есть изображение, у меня иногда возникает проблема, ниже и вышелинии становятся более толстыми, чем другие, я не понимаю причину, по которой это происходит

Answer 1

Очистка поплавков означает, что контейнер распределяется по размеру содержимого.Это можно сделать, добавив clearfix (элемент HTML, который имеет clear: both) или, проще, задав переполнение свойства CSS контейнера: hidden, если этот элемент не имеет фиксированной высоты.

В вашем случае вы могли бы по крайней мере дать переполнение: скрыто в span.imgLeft.Если вы дадите if .line, вы должны убедиться, что высота линии действительно такая, какой она должна быть - в настоящее время 1px кажется странным, если она содержит изображения.

Answer 2

Проверьте, может ли происходить то, что содержимое между двумя строками по какой-то причине не сгенерировано как beign, а затем, если между ними нет принудительной высоты, две линии фактически отображаются вместе, образуя толстую линию.