利用css控制网页的左右排列
摘要：在网站的内容页中，我在左上角放置了300*250的广告，利用的是css的浮动，由于css的特性，这样设置后，当文章的高度超过了250像素时，...
在网站的内容页中，我在左上角放置了300*250的广告，利用的是css的浮动<div style=”float:left;margin-right:15px;”>，由于css的特性，这样设置后，当文章的高度超过了250像素时，文章自动移动到广告的下面去了，而不是左右两列分开，如何左右分开呢？那么我们就给这个div加个纵向的高度<div style=”float:left;margin-right:15px;height:300px”>这个高度值设为多少，根据网页的需要自己调整。
其实，这个类似于用css来画一个矩形而已，需要设置边框颜色和宽度的，看下面的示例：
画矩形：<div style=”width:300px;height:150px;border:1px solid #000″></div>
画垂直线（以上例 放中间）：<div style=”width:300px;height:150px;border:1px solid #000″><div style=”width:150px;height:150px;border-right:1px solid #000″></div></div>
【利用css控制网页的左右排列】相关文章：
上一篇：
CSS中基代码base.css一览
下一篇：
利用css实现图片等比例缩放