外部div具有百分比宽度,内部div显示:tabel;宽度:100%.
内部div的显示比外部div的像素小于一些页面宽度,同时调整大小.这在右边增加了1px的行.
https://jsfiddle.net/afelixj/utcswLp1/1/
有没有修复的bug?
解决方法
这似乎是一个特定的Webkit bug:
https://bugs.webkit.org/show_bug.cgi?id=140371
当包含在宽度未用绝对单位定义的父元素中时,显示的宽度:table- *元素并不总是正确计算.你可以在这里看到这个问题:看看右边的红色元素
您可以通过两种不同的方式解决此问题
>您可以使用绝对单位定义父元素的宽度>您可以将display:table应用于container元素.这不是真的解决这个bug,但是它不应该被引起注意(因为它也会影响父元素).