最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
CSS技巧：解决div列高度自适的2种常用方法
时间：2022-07-02 12:55:40 编辑：袖梨 来源：一聚教程网
解决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、脚本控制高度
在
| 代码如下 | 复制代码 |
优点：代码超级简单
缺点：要确定有某一列的高度始终是相对最高的，此方法比较被动。
相关文章
- 快手如何置顶作品 05-09
- 桃源深处有人家花艺谱市珍物品制作方式配方 05-09
- 纽曼M560怎么使用 05-09
- 酒馆战棋S13小饰品锈蚀的三叉戟强不强 05-09
- 无尽花界2026公测最新真实可用兑换码 05-09
- 智慧中小学平台如何修改个人信息 05-09