如何在不使用绝对/相对定位的情况下实现布局？

Question

这是我使用绝对/相对定位实现的当前布局：

http://jsfiddle.net/keruilin/xB8Bt/50/

总而言之，绝对/相对定位的使用导致内容无法在JavaScript弹出窗口中正确显示。

在不使用绝对/相对定位的情况下，我还能以其他方式实现布局吗？

Answer 1

如果我只删除所有position: absolute;和position: relative;，则布局不会发生实质性变化（可能会稍微调整一些边距和填充，但这很容易解决）。元素保留在相同的基本位置。

这是因为你已经建立了float: left;和元素所需的clear: both;规则。

除非这个例子与真实标记过于简单，否则你不应该在剥离绝对/相对定位方面遇到任何麻烦。