最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
Css实现左栏固定宽度，右栏自适应宽度实例
时间：2022-06-25 09:01:14 编辑：袖梨 来源：一聚教程网
例
| 代码如下 | 复制代码 |
右栏 |
|
看起来很美好，但是。。
由于左栏使用绝对定位，脱离了文档流，因此有一个缺陷，即当左栏高度大于右栏时，无法将container撑开，这个缺陷单单只看两栏布局并没有太大影响，但如果两栏布局下面有一个底栏，就会出现底栏与左栏重叠的情况：
| 代码如下 | 复制代码 |
|
右栏 |
|
我们再来看看第二种方法，左栏固定宽度，右栏自适应之负margin法：
| 代码如下 | 复制代码 |
|
右栏 |
|
这样无论两栏的高度如何变化都不会有问题了：
| 代码如下 | 复制代码 |
|
右栏 |
|
相关文章
- jm天堂网页版官方登录入口-jm天堂网页版直接登录入口 12-14
- 蝉妈妈网页版直达入口-蝉妈妈app官方正版入口在哪 12-14
- 豆包AI智能在线网页解析神器-豆包AI智能在线会议纪要生成助手 12-14
- 小红书Web官网登录入口-小红书官方网页版一键登录 12-14
- 苍云阅读app如何快速找到目录-目录入口位置 12-14
- 苹果ID登录官网入口 - 苹果Apple ID账户登录页面一键直达 12-14