0

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

Chrome 版本 21.0.1180.82

火狐版本 15.0

4

1 回答 1

1

问题似乎是由于与段落中的 linehieght 相比的高度不同，压头的顶部被卡在了线条的中间。我猜 FF 和 Chrome 渲染的高度略有不同。如果您想继续使用您正在使用的相同方法，我建议您摆脱高度类样式，而只使用nbsp; 填充缩进 div，以便获得与段落行高一致的高度。

这是一个例子。

更新：

我更新了小提琴以使用跨度作为段落内的缩进（而不是 div）并将宽度属性放回原处。由于段落上的边距底部和缩进器上的清除，您需要一个匹配的边距底部意向者，以便他们保持一致。

于 2012-08-30T21:27:10.803 回答