css填充问题？

Question

 

以下是我的css风格

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

我在我的ewebpage中有很多这样的行，在两行内有一个图像，有时我的下面和上面的行比其他行更厚，我没有得到这种情况发生的原因

Answer 1

检查是否可能发生两条线之间的内容由于某种原因而没有生成，然后如果中间没有强制高度，则这两条线实际上一起显示，形成一条粗线。

Answer 2

清除浮动意味着让容器扩展到内容的大小。这可以通过添加一个clearfix（一个具有clear：both的HTML元素）或更简单地通过给容器CSS属性overflow：hidden来完成，如果该元素没有固定的高度。

在你的情况下，你至少可以给出溢出：隐藏到span.imgLeft。如果你给.line，你必须确保线的高度确实是它的目的 - 如果它包含图像，目前1px似乎很奇怪。