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

Question

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

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

长话短说，使用绝对/相对定位导致内容无法在 JavaScript 弹出窗口中正确显示。

不使用绝对/相对定位还有什么方法可以实现布局？

Answer 1

如果我简单地删除所有 position: absolute; 和 position: relative; 布局不会有实质性的改变(也许一些边距和填充稍微调整了一下，但是这很容易补救)。元素保持在相同的基本位置。

这是因为您已经设置了 float: left;和 clear: both; 将元素定位到它们所属的位置所需的规则。

除非这个例子从真实的标记中过度简化，否则你应该不会有任何问题剥离绝对/相对定位。