定位嵌套的div

Question

我正在尝试将div嵌套在居中的包装器中，以便在调整浏览器大小时它们不会移动。这个想法类似于Facebook主页，其中所有div保持居中，并且当页面变大时不会相互移动。

我的所有div都嵌套在这里：

#header {
    width: 750px;
    margin: 0 auto;
    }

我需要做些什么来定位div？这与定位有关吗？

对不起，这是一个模糊的解释，请务必要求澄清！

非常感谢任何帮助，谢谢。

Answer 1

您应该为该容器div提供clearfix类（请参阅http://www.positioniseverything.net/easyclearing.html）

对于内部DIV，float: left;和明确定义的宽度是让它们并排显示所需的全部内容。

Answer 2

根据经验：不要使用position: absolute。它很少是实现布局效果的最佳方式。

如果您使用绝对定位，则在容器上设置position: relative，以便它建立新的定位上下文，并且元素相对于其边缘而不是窗口定位。

#header {
    width: 750px;
    margin: 0 auto;
    position: relative;
}

Answer 3

我以前有同样的问题， 我使用attr：

修复了它

风格= '最小宽度：970像素;'

我希望它有所帮助