码迷,mamicode.com
首页 > Web开发 > 详细

CSS——清除浮动

时间:2014-11-14 17:37:06      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:style   color   ar   sp   div   on   bs   ad   ef   

 

<div id="main" class="clear">

  <div id="left">

  </div>

  

  <div id="right">

  </div>

</div>

 

<div id="other">

</div>

/*-----------------------------------------------*/

#main{

backgroud-color:#aaa;

padding:10px;

}

#left{

background-color:#bbb;

padding:5px;

border:1px solid red;

width:100px;

height:100px;

float:left;

}

#right{

background-color:#ccc;

padding:5px;

border:1px solid red;

width:100px;

height:100px;

float:left;

border:1px solid red;

float:right;

}

 

.clear:after{

 content:".";

height:0;

visibility:hidden;

display:both;

clear:both;

}

CSS——清除浮动

标签:style   color   ar   sp   div   on   bs   ad   ef   

原文地址:http://www.cnblogs.com/darknoll/p/4097684.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!