定位嵌套divs

Question

我想将div嵌套在居中包装中，以便在调整浏览器大小时不会移动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

我曾经有同样的问题，我 通过使用attr固定它：

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

我希望它能帮助

Answer 3

作为一条经验法则：不要使用position: absolute。这很少是实现布局效果的最佳方式。

如果你使用绝对定位，那么容器上设置position: relative使之建立新的定位上下文和元素相对于它的边缘，而不是窗口定位。

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