首页 > 其他 > 详细

清除div浮动的三种方式

时间:2016-01-05 00:03:05      阅读:151      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!