创建液体布局是一个巨大的痛苦。现在，我完全明白应该避免像魔鬼这样的布局表格......但在我看来，表格单元格非常适合整个可用空间。
是否有人使用桌子进行完美的液体布局？请告诉我有关危险和陷阱的事。
答案 0 :(得分：8)
使用表格进行布局的主要缺点是被反桌狂热分子嘲笑和贬低：）
好吧，说真的，'狂热分子'有一点意义。表最适合用于表示表格数据。导致更“语义”的网络。而且，作为一个非常实用的观点，使用它们进行布局可能会使屏幕阅读器误以为表格中包含一些有用的数据。 （它有，但嵌套得更远 - 不直接在布局单元格中。）
然而，似乎有一些布局在没有表的情况下无法完成。我工作的网站必须几乎完全“流动” - 我有许多客户共享相同的网站模板，我真的不知道他们想要他们的标题，菜单或内容的大小（宽度，高度）。由于我无法设置特定的大小，甚至是百分比，我需要使用表格。使用基于表格的布局，一切都可以很好地分配，而不用大惊小怪。应该保留在同一行的项目总是这样。而且colspans和rowpsans也非常方便。
编辑：我应该补充一点，css显示有一些值可以帮助div表现得像表格单元格。我没有真正使用过这些，所以我不知道他们是否允许我替换我的基于表格的布局。
而且 - 深层嵌套的表格布局是一种灾难，应该避免。我在谈论一个顶级表来包含和定位主要网站元素。
答案 1 :(得分：0)
你做不到。除非你在谈论用表替换元素，比如div。如果您正在谈论将整个页面作为一个表格，那么您将向后退两步而根本不进行液体布局，只需要进行表格布局。
答案 2 :(得分：0)
如果你把它们作为一个块，Divs也将填满整个空间：即，
<div style="display:block">
块填充尽可能多的空间。 内联填充的内容只占div内容所需的空间。
一个很好的参考：http://www.w3schools.com/css/pr_class_display.asp
一旦你真正开始使用css，它真的非常好......直到你遇到那些需要相同高度的三列：）