镀铬问题浮动沙袋元素

Question

我在Chrome中遇到问题，段落文字与浮动元素重叠。向下推动浮动元件以强制容器左下角的图像。我设置了http://jsfiddle.net/VMJGX/，重新创建了问题。该文本与Chrome中的.indenter元素重叠，但在Firefox或IE中不重叠。这是Chrome错误还是有更好的方法来实现这一目标？

Chrome版本21.0.1180.82

Firefox 15.0版

Answer 1

问题似乎是由于与段落中的linehieght相比高度不同，压头的顶部会被夹在线条中间。我猜FF和Chrome的高度略有不同。如果你想继续使用你正在使用的相同方法，我建议去除高度类样式，而只是使用 nbsp; 来填充压头div ，这样你获得与段落的行高一致的高度。

Here's a fiddle with an example.

<强>更新

我更新了小提琴，使用跨度作为段落内的压头（而不是div）并将宽度属性放回原位。由于段落上的 margin-bottom 和在压头上清除，你需要一个匹配的保证金底部，以便他们保持一致。