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

css float引起div自适应高度无效解决方法

时间:2012-12-29 08:41来源:未知 作者:admin 点击: 次
分享到：
今天本人在开发中突然发现一个怪问题，我在div使用了float浮动了，高度100%就无效了，经过分析我们只要加上overflow:hidden;就KO了。 代码如下 style #main{float:left;min-height:500px;} #l{float:left;
今天本人在开发中突然发现一个怪问题，我在div使用了float浮动了，高度100%就无效了，经过分析我们只要加上overflow:hidden;就KO了。
 代码如下

<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>

很简单，最重要的一点是在main里面也要加上浮动属性


精彩图集
BS项目中的CSS架构_仅加载自己需要的CSS
BS项目中的
css实现气泡框效果(实例加图解)
css实现气泡

热门标签

hack，浏览器 网址信息 昨日 lstrip 雅虎 C语言特性 vbscript下调用 sphinx 引用参数 listview Kmeans++算法 not_in 物化视图 测试数据 解释器模式 父层 ClipboardMan 监听键盘 mysql创建外键 wrapAll() 后一天 5.6(脚本宿主) nchar JavaScript核心 crud 文件 文件解压 typedef 字符类型 复合索引 Analytics STATIC_ROOT MySQL随机 clob base标签 Loader 拼合生成器 thinkphp验证码 Connections_ 命令知识 zend_studio 闪烁 pathinfo 带宽 读写sd卡 转化函数 隐藏窗口 线性时间 pickle 秒转换 UpdateDaset vnc new Remove函数用法 数字 鼠标停留 安装技巧 sql查询count synchronized 存储位置 nextTick()

赞助商链接