龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > div+css/html >

div 使用float后自适应高度无效解决办法

时间:2012-12-29 08:41来源:未知 作者:admin 点击:
分享到:
这里介绍了关于因浮动引起的DIV不自动适应内容高度的解决方法,有需要的朋友可以参考消息啊。
 代码如下
<style>
#main{float:left;min-height:500px;}
#l{float:left;margin-bottom:10px;margin-right:10px;padding:6px 10px;width:117px;}
#r{float:right;margin-right:10px;padding-top:10px;width:864px;overflow:hidden;}
</style>
 
<div id="main">
  <div id="l"> 标题区域 </div> 
  <div id="r"> 内容区域</div> 
</div>

精彩图集

赞助商链接