CSS——清除浮动

 

<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;

}

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。