`
javatoyou
  • 浏览: 1018848 次
  • 性别: Icon_minigender_2
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

如何使父div的范围包含浮动的子div

 
阅读更多
方法就是在子div中加入一个特殊的div,再设置其样式

<body>
<div class="father">
<div class="son1">Box-1<div> //son div都是设置了float属性的
<div class="son2">Box-2<div>
<div class="son3">Box-3<br/>
Box-3<br/>
Box-3<br/>
Box-3</div>
<div class="clear"></div> //特殊的那个非浮动的div
</div>
</body>

//特殊的那个div的css
.father .clear{
margin:0;
padding;0;
border;0;
clear:both; //左右清除环绕浮动盒子的效果
}

//浮动div的css
.son1{
float:left;
}

son2,son3同上
分享到：
| 实现动态页面传值 options动态显示数据
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics