解决div列高度自适的方法有很多种,这里介绍2种最常用的方法给大家(下面所有例子以父main,子divleft、divright为例)。
1、利用“clear:both”背景填充(推荐!!!)
这是使用最广泛的一种做法,我一直都用此方法解决div列高度自适问题。三行二列布局,主要内容在右边,网页宽度780px,左列240px,右列540px。
CSS代码:
| 代码如下 | 复制代码 |
| #main{ width: 780px; margin: 0; background: url(bg.gif) #FFFFFF repeat-y left; text-align: left; } #divleft{ float: left; width: 240px; } #divright{ float: right; width: 540px; } .clear{ border-top:1px solid transparent !important; margin-top:-1px !important; border-top:0; margin-top:0; clear:both; visibility:hidden; } html代码: |
|
优点:无hacks,完全的自适应高度。
2、脚本控制高度
在
| 代码如下 | 复制代码 |
优点:代码超级简单
缺点:要确定有某一列的高度始终是相对最高的,此方法比较被动。
银河战舰手机版
银河战舰满你所想宇宙战舰世界,茫茫宇宙资源是一切,你必须利用
迷你世界先遣服最新版2024
你有你的我的世界,我有我的迷你世界先遣服,不是很原创,但是很
生存战争汉化版
生存战争游戏采用了像素模拟战争游戏,具备了清晰的像素角色人物
超级驾驶2024最新版
你有过在手机也体验真实现场驾驶汽车的想法吗?在超级驾驶就能帮
打造世界正式版免费版
打造世界手机版是一款非常好玩的模拟类手游,在这款游戏中,你可