CSS 3浮动div-中间偏左,彼此之间留有边距

CSS 3浮动div-中间偏左,彼此之间留有边距,css,Css,我试着做3个浮动分区-左、中、右,中间留有空格(边距)。 例如: 宽度为245px的div、空间为6px的div、空间为246px的div、空间为6px的div、空间为245px的div(总共748px) 我找到的方法是: 带748px的容器,浮动左div,带边距的绝对定位div:0 251px(245+6)和浮动右分区 它可以工作(但不是在IE6中),所以我想知道是否有其他方法不使用绝对位置。 我不想使用3个浮动的左div和中间带边距的div,因为当你缩小结构时,它不是全宽的。(因此,u必须使

我试着做3个浮动分区-左、中、右,中间留有空格(边距)。 例如:

宽度为245px的div、空间为6px的div、空间为246px的div、空间为6px的div、空间为245px的div(总共748px)

我找到的方法是: 带748px的容器,浮动左div,带
边距的绝对定位div:0 251px(245+6)和浮动右分区

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

希望你能理解并能帮助我

谢谢

使用CSS网格系统

例如Twitter引导、Blueprint CSS等。。你挑吧

例如,Twitter Bootstrap支持固定宽度布局和流体布局。 另一方面,CSSGrid在重新标注浏览器窗口的尺寸时,缩放效果非常好


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

在你的网页中使用这些东西 梅因迪夫先生 { 宽度:748px; 浮动:左;
} .leftDiv{float:left;width:245px;padding right:6px;} .centerDiv{float:left;width:246px;padding right:6px;} .rightDiv{float:right;width:245px;}

将此样式表用于您的div结构
给定样式表中的类名

填充与边距相同,但更改div宽度/高度-没有帮助。是的,bcz一旦您确定主div的宽度,您就必须计算子div宽度+填充/边距,并且它必须小于或等于父div宽度