html – 显示：表格div宽度为1px的bug

发布时间：2020-12-14 19:37:47 所属栏目：资源来源：网络整理

导读：外部div具有百分比宽度,内部div显示：tabel;宽度：100％. 内部div的显示比外部div的像素小于一些页面宽度,同时调整大小.这在右边增加了1px的行. https://jsfiddle.net/afelixj/utcswLp1/1/ 有没有修复的bug？解决方法这似乎是一个特定的Webkit bug： https

外部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,但是它不应该被引起注意(因为它也会影响父元素).

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!