表'宽度'的css属性并不能防止表属性超过其容器的宽度

这是违规的网站：http://giorgostzampanakis.pythonanywhere.com/ratings/。表'宽度'的css属性并不能防止表属性超过其容器的宽度

尝试重新调整浏览器窗口的大小，直到其宽度大约为500像素，并注意左侧的表最终如何比其包含的div大（即使使用萤火虫或类似工具检查），即使设置了表的宽度到78％。

'width'css属性在处理表格时特别对待吗？我一直没有找到任何文件说明。

2013-05-05 erfgh

它在CSS支持，请检查https://developer.mozilla.org/en-US/docs/CSS/width。 – erfgh 2013-05-05 21:45:14

不，我说'css属性'。 – erfgh 2013-05-05 22:18:37

我已经投票结束这个问题，因为它对您的网站来说太具体了，并且不可能帮助任何未来的访问者。最好的问题有一个小型自包含的示例，其中包含足够的代码来演示问题，没有任何额外的问题。将此代码直接发布到问题中。这样做可能需要很多工作，但它是解决问题的关键部分。 – KatieK 2013-06-14 19:11:27

表大于父容器的原因是因为内容使它如此！如果内容由一个字符串组成（例如1 1 1 1 1），它可能会很好地包装！

如果您打算使用响应式表格，有许多解决方案（如隐藏列或其他文体）。我推荐使用谷歌搜索解决方案，但这里有一些体面的链接让你开始！

Responsive Table Round Up Responsive Data Tables

来源

2013-05-05 21:53:46 ArleyM

但它可以包装内容，不是吗？为什么不这样做？ – erfgh 2013-05-06 17:42:19

表'宽度'的css属性并不能防止表属性超过其容器的宽度

回答

相关问题