让两个div进行并排

五月 15th, 2011 by yangyao | Filed under 学习心得.

在很早以前我在做网页的时候会遇到这样的情况,两个并排的div层,宽度都设为50%,也设置了浮动属性为float:left但是好像就是不能并排。两个div在垂直排列。

<div style=”background-color:#CCCCCC;width:100%;height:400;”>
<div style=”background-color:#00CC99;width:50%;height:350;float:left;”></div>
<div style=”background-color:#0066FF;width:50%;height:350;float:left;”></div>
</div>

像这样的一个样式,总是难以改变,一般的办法是在最后一个div层加float:right,后来好像还是不行。
原来是一般的div层都默认有一个像素的边距所以50%改为49.5%就行了。
当我们在使用像素的时候也是这样的情况。1024的宽度。一个用了500。另一个524却发现不能并排,也是同样的原因,算下来,应该有4个像素的差值。
所以只有其中一个减去4像素就可以并排了。

随机日志

Comments are closed.

回到 顶部 ↑
Free Web Hosting