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

【问题标题】：How to achieve layout without using absolute/relative positioning?如何在不使用绝对/相对定位的情况下实现布局？
【发布时间】：2011-01-13 01:06:45
【问题描述】：

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

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

在不使用绝对/相对定位的情况下，我还有什么其他方法可以实现布局？

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：