CSS 3浮动div - 左边的中间彼此之间有空白

Question

我想让3个浮动div - 左边，中间和右边以及它们之间的空格（边距）。 例如：

div与245px宽度，6px空间，div与246px，6px空间，div与245px（总共748px）。

我发现它的方式是： 容器有748px，浮动的左div，绝对定位的div与margin:0 251px;（245 + 6）和浮动右div。

它的工作原理（但不是在IE6中），所以我想知道是否有其他方式没有使用绝对位置。 我不想使用3浮动左边的divs和中间的边缘，因为当你缩小结构不是全宽。 （因此，你必须使用1左浮动，1右浮动。）

希望你能理解并能提供帮助。

谢谢！

Answer 1

在你的网页中使用这个东西 .mainDiv { width：748px; float：left;
} .leftDiv {float：left; width：245px; padding-right：6px;} .centerDiv {float：left; width：246px; padding-right：6px;} .rightDiv {float：right; width ：245px;}

使用这种stysheet乌拉圭回合格结构 铬给类名作为样式表

Answer 2

使用CSS网格系统。

示例是http://cssgrid.net/或其他类似http://960.gs，Twitter Bootstrap，Blueprint CSS ..请选择。举例来说，Bootstrap支持固定宽度布局和流体布局。另一方面，当您重新调整浏览器窗口的大小时，CSSGrid可以很好地扩展。

您可以学习如何快速使用网格，它可以帮助您保持布局清洁。