首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

css扫除float方法

2012-10-17 
css清除float方法工作的忙碌,没时间总结如何处理清除网页float的经验。昨天去面试了下,说到这问题,觉的很有

css清除float方法
工作的忙碌,没时间总结如何处理清除网页float的经验。

昨天去面试了下,说到这问题,觉的很有必要总结下。

刚下火车,早上精力比较充沛。哈哈

方法一:使用空标签清除浮动:

css code:<style type="text/css"><!--html,body,h1,h2,h3,h4,h5,h6,ul,ol,li,p{  margin:0;  padding:0}body{  font: 400 12px/18px "Lucida Sans Unicode", "Lucida Grande", sans-serif;  color:#666;}#layout{  background:#F3F5F9;}#layout:after{  height:0;  display:block;  clear:both;  content:"";  visibility:hidden;  }#l_block{  background:#ccc;  width:300px;  height:200px;  float:left;}#r_block{  background:#f00;  width:100px;  height:100px;  float:right;}--></style>html code:<div id="layout">  <div id="l_block">left block content</div>  <div id="r_block">right block content</div></div>


start work:先总结这,还有待补充解释.

热点排行