利用css控制网页的左右排列
在网站的内容页中，我在左上角放置了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>
本文网址：https://www.dedexuexi.com/divcss/jc/2310.html
本站部分文章搜集与网络，如有侵权请联系本站，转载请说明出处。
标签：技巧
