CSS 3浮动div -左中心中间与其他之间的空白

Question

我试图使3浮动div -左，中，右与他们之间的空间(margin)。例如:

div with 245px, 6px space,div with 246px, 6px space,div with 245px(共748px).

我发现制作它的方法是:容器:748px，浮动左div，绝对位置:margin:0 251px;(245+6)，浮动右div。

它工作(但不是在IE6)，所以我想知道是否有其他方法不使用绝对位置。我不想使用3浮动左div和中间一个与边际，因为当你缩小结构不是全宽度。(因此u必须使用1个左浮动，1个右浮动)

希望你能理解和帮助。

谢谢!

Answer 1

在你的网页中使用这些东西.mainDiv{宽度:748 px;浮:左;
}.leftDiv{浮动:左;宽度:245 px; padding-right: 6 px;}.centerDiv{浮动:左;宽度:246 px; padding-right: 6 px;}.rightDiv{浮动:权利;宽度:245 px;}

为div结构使用这个样式表给类名如样式表

Answer 2

使用CSS网格系统

的例子是http://cssgrid.net/或其他像http://960.gs, Twitter Bootstrap, Blueprint CSS..随你挑。

例如，Twitter Bootstrap既支持固定宽度布局，也支持流体布局。另一方面，当你重新调整浏览器窗口的尺寸时，CSSGrid的缩放效果非常好。

你可以很快地学习如何使用网格，它将极大地帮助你保持布局的整洁。