码迷,mamicode.com
首页 > 其他好文 > 详细

清除div浮动的三种方式

时间:2016-01-05 00:04:57      阅读:181      评论:0      收藏:0      [点我收藏+]

标签:

html:

<body>
<div class="main">
<div class="first"></div>
<div class="second"></div>

</div>
</body>

<style>
.main
{
overflow:hidden;
border:1px solid black;
}
.first{
width:100px;
height:100px;
float:left;
background:#33ffff;
}
.second
{
float:left;
width:300px;
height:300px;
background:#9900ff;

}
.clear
{
clear:both;
}
</style>

1:将main父级div增加高度

2:增加<div class="clear"></div>

3:将父级div增加:overflow:hidden

清除div浮动的三种方式

标签:

原文地址:http://www.cnblogs.com/openflyme/p/5100485.html

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