CSS 3浮动div-中间偏左,彼此之间留有边距
我试着做3个浮动分区-左、中、右,中间留有空格(边距)。 例如: 宽度为245px的div、空间为6px的div、空间为246px的div、空间为6px的div、空间为245px的div(总共748px) 我找到的方法是: 带748px的容器,浮动左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必须使
边距的绝对定位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宽度