• 爱情文章
  • 亲情文章
  • 友情文章
  • 生活随笔
  • 校园文章
  • 经典文章
  • 人生哲理
  • 励志文章
  • 搞笑文章
  • 心情日记
  • 英语文章
  • 范文大全
  • 作文大全
  • 新闻阅读
  • 当前位置: 山茶花美文网 > 爱情文章 > 正文

    css优先级高低排列【利用css控制网页的左右排列】

    时间:2018-08-11来源:山茶花美文网 本文已影响 山茶花美文网手机站

     在网站的内容页中,我在左上角放置了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控制网页的左右排列】 相关文章:
    • 爱情文章
    • 亲情文章
    • 友情文章
    • 随笔
    • 哲理
    • 励志
    • 范文大全