最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
Css实现左栏固定宽度,右栏自适应宽度实例
时间:2022-06-25 09:01:14 编辑:袖梨 来源:一聚教程网
例
代码如下 | 复制代码 |
右栏 |
看起来很美好,但是。。
由于左栏使用绝对定位,脱离了文档流,因此有一个缺陷,即当左栏高度大于右栏时,无法将container撑开,这个缺陷单单只看两栏布局并没有太大影响,但如果两栏布局下面有一个底栏,就会出现底栏与左栏重叠的情况:
代码如下 | 复制代码 |
右栏 |
我们再来看看第二种方法,左栏固定宽度,右栏自适应之负margin法:
代码如下 | 复制代码 |
右栏 |
这样无论两栏的高度如何变化都不会有问题了:
代码如下 | 复制代码 |
右栏 |
相关文章
- 《燕云十六声》配置要求介绍 12-25
- 《燕云十六声》搬砖介绍 12-25
- 时空中的绘旅人天宇之间怎么玩 绘旅人天宇之间活动玩法介绍 12-25
- QQ2024年度报告怎么看 2024qq年度报告玩法介绍 12-25
- 归龙潮珠砂什么时候up 归龙潮红缘绮梦卡池介绍 12-25
- 王者荣耀S38赛季有什么更新 12-25