CSS DIV两侧对齐

显示全部楼层 · 2010-5-26 13:49:16

父容器（DIV）宽度固定。子容器（DIV）宽度固定;
多个子容器使用相同的CLASS名。实现两侧对齐。两侧都必须靠在最边上。
如何写CSS？
举个例子：
bb
bb
aa的宽度是700，bb的宽度是300。
要求：第一个bb要贴着最左侧，也就是aa的0px的地方，第2个bb贴着最右边。
貌似很简单的要求，但是不能改变bb的class名，并且不能在标签另外写style=""。
有没有一种可以让两个DIV有间距的CSS属性？

千问 · 2010-5-26 13:49:16

我没太明白你的意思，没明白两侧对齐还要靠在最边上是什么意思、、、、不知道我理解的对不对，我感觉好像是偏了呢
body{padding:0;margin:0; } .a{background-color:#eeeeee;width:800px;min-height:100px; } .b{width:220px;min-height:50px;float:left; }
我是中

千问 · 2010-5-26 13:49:16

.fleft{float:left;}.fright{float:right;}</style

千问 · 2010-5-26 13:49:16

可以让两个DIV有间距的CSS属性是margin

千问 · 2010-5-26 13:49:16

这个写法除非bb的宽度是 aa的一半否则无法实现只能是一个左浮动一个右浮动实现两侧对齐。要么就一个左浮动Bb宽度为350 也可以