position：绝对（或固定）布局与普通布局

Question

我总是想问一个奇怪的问题 我想知道只有位置的div布局的优点/缺点：绝对而不是传统的 我看起来更简单的代码，你可以实现相同的结果（如果所有div都正确对齐） 你为什么喜欢使用传统的布局？

非常感谢你的帮助。

Answer 1

这个问题非常主观。尽管如此，这是我的两分钱。

定位布局

• Pro：可以说是更直观的代码。
• Con：一切都在正常的文档流程之外。制作动态的页面片段，即内容，很难定位。

正常布局

• Pro：恰恰相反 - 文档遵循正常流程。使您的布局更容易，并且需要更少的代码。
• 骗局：通常您必须与float，margin或position混在一起才能实现像侧边栏这样的细分。

最后，我通常会开发一个正常的布局作为我的基础。我保存定位的项目，用于从不移动的内容，即右上导航，临时UI元素等。

Answer 2

@louis;从我的观点来看，使用position:absolute;进行孔布局并不好。有几个原因。

1）absolute position div不考虑身高＆amp;宽度，当您调整页面大小时，元素彼此重叠。对网页进行网格划分。

2）假设您vertical divs与class相同panel。然后，如果你给他们

.panel{
position:absolute;
top:20px;
}

然后会发生什么事情，所有div从页面顶部开始top:20px;＆amp;相互重叠。绝对的位置 使一切都在正常的布局流程之外。

以查看此链接

Is it considered bad practice to use absolute positioning?