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

百度谷歌搜狗

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

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

TAG标签：

摘要：对父级div标签闭合</div>前加一个clear清除浮动对象

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>父div不自适应高度实例</title> 
<style> 
.div{width:500px;border:1px solid #000;padding:10px} 
.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 class="clear"></div> 
</div> 
</body> 
</html>

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

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

对父级div标签闭合</div>前加一个clear清除浮动对象。

此方法需要注意是clear:both加的位置，不是对父级直接加clear样式，而是在父级</div>前加带clear对象盒子。
最新评论

验证码:

菜单/ Menu

热门下载/ HOT