css怎么让两列排布一列固定一列自适应
时间: 2023-06-12 16:06:40 浏览: 153
可以使用 CSS 中的 float 属性和 width 属性来实现这种布局。具体方法如下:
1. 给两列的父容器设置一个固定的宽度,比如说 960px。
2. 给固定列设置一个固定的宽度,比如说 300px,并且设置 float:left。
3. 给自适应列设置一个宽度为自适应,比如说 width: calc(100% - 300px);(注意这里的 300px 就是固定列的宽度),并且设置 float:right。
这样就可以实现一列固定,一列自适应的布局了。完整的 CSS 代码示例如下:
```
.container {
width: 960px;
}
.fixed-column {
width: 300px;
float: left;
}
.adaptive-column {
width: calc(100% - 300px);
float: right;
}
```
阅读全文