我正在构建一个非常简单的页面,由 tumblr 提供支持。
它在主要区域有 3 列内容。内容 div 都设置为 33% 的宽度并向左浮动,大多数情况下它会按照您的预期自行排列,但是当您调整窗口大小时,它似乎有时会恢复为 2 列。有谁知道如何解决这个问题?
html 在这里:http ://emilestest.tumblr.com
我正在构建一个非常简单的页面,由 tumblr 提供支持。
它在主要区域有 3 列内容。内容 div 都设置为 33% 的宽度并向左浮动,大多数情况下它会按照您的预期自行排列,但是当您调整窗口大小时,它似乎有时会恢复为 2 列。有谁知道如何解决这个问题?
html 在这里:http ://emilestest.tumblr.com
尝试将 .item css 宽度设置为:32%。浏览器有时可能会错误计算宽度,因此您可能有一两个额外的像素,因此浮动重叠到下一行。
涉及到 Javascript 操作。您的article
html 元素获取绝对位置和一些坐标。查看这些脚本(或禁用它们,以便仅使用 CSS 进行定位)。
在您的具体情况下,有几种解决方案:
div
s 并禁用 CSS 布局display: table
table
元素免责声明:对于所有在阅读时哭泣的人table
:
使用分区来模拟表格以显示表格数据与使用表格控制图形和页面布局一样是设计缺陷。
资料来源:http ://en.wikipedia.org/wiki/Tableless_web_design#The_use_of_tables