表'width'css属性不会阻止表属性超出其容器的宽度

时间:2013-05-05 21:41:35

标签: html css width containers

以下是违规网站:http://giorgostzampanakis.pythonanywhere.com/ratings/

尝试调整浏览器窗口的大小,直到它大约500像素宽并注意左边的表格如何比其包含的div更大(您可以使用firebug或类似工具检查),即使表格的宽度设置为78%。

'width'css属性是否特别处理表格?我找不到任何说明这一点的文件。

1 个答案:

答案 0 :(得分:2)

表大于父容器的原因是内容是这样的!如果内容由一个字符串组成(例如1 1 1 1 1),它可能会很好地包装!

如果您正在寻找响应式表格,那么有很多解决方案,比如隐藏列或其他风格的东西。我推荐谷歌搜索解决方案,但这里有一些很好的链接可以帮助你入门!

Responsive Table Round Up Responsive Data Tables