解决子级浮动父级div没高度不能自适应高度之overflow方法

百度谷歌搜狗

加关注：新浪微博腾讯微博

发布时间：2013-09-18 11:12 　来源/作者：藕码网　分类：CSS技巧

TAG标签：

摘要：此方法非常简单，也可以作为推荐解决父级不能被撑开自适应高度的方法，可以不增加div盒子对象，只需要对父级加一个overflow:hidden样式即可

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>父div不自适应高度实例</title> 
<style> 
.div{width:500px;border:1px solid #000;padding:10px;overflow:hidden} 
.div-l{ float:left; width:220px; height:100px; background:#000} 
.div-r{ float:right; width:230px; height:100px; background:#06F} 
.clear{ clear:both} 
</style> 
</head> 
<body> 
<div class="div"> 
<div class="div-l"></div> 
<div class="div-r"></div>
</div> 
</body> 
</html>

素材详情
用户评论
相关文章

解决子级浮动父级div没高度不能自适应高度之overflow方法：

此方法非常简单，也可以作为推荐解决父级不能被撑开自适应高度的方法，可以不增加div盒子对象，只需要对父级加一个overflow:hidden样式即可。
最新评论

验证码:

菜单/ Menu

热门下载/ HOT