最新下载
热门教程
- 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、脚本控制高度
在
| 代码如下 | 复制代码 |
优点：代码超级简单
缺点：要确定有某一列的高度始终是相对最高的，此方法比较被动。
相关文章
- 人们熟悉的寄居蟹属于以下哪种分类 神奇海洋11月21日答案 11-21
- 第五人格11.22共研服有什么更新 11月22日共研服更新内容介绍 11-21
- 原神恰斯卡怎么培养 11-21
- 无期迷途四星装束是谁 11-21
- 王者荣耀帝丹高中校服怎么获得 11-21
- 光遇姆明季后续版本怎么玩 11-21