使用百分比文本缩进时，Chrome不符合正确的宽度

Question

Playground

在上面的演示中，应该有2个.wrap个框，一个红色，下面是蓝色。这应该是正确的行为。

Chrome中的头对面敲打错误。在Firefox中，一如既往，一切都按照规范说，但在Chrome中，文本缩进的百分比与包含.wrap元素宽度（由overflow:hidden封装）无关，但它是相对于clientWidth而言似乎如此。有什么建议吗？

Answer 1

我在Chrome中注意到它的宽度为400px而不是200px。因此，当100％的文本缩进时，它将您的孩子div的200px移动太远。我将display: -webkit-box;添加到您的.wrap课程中，虽然我不知道您是否将其作为一种解决方案，但这似乎有效。