div下左边div固定,右边div分配剩下的
时间: 2023-10-23 07:14:39 浏览: 25
div固定在页面左边
你可以使用CSS中的`float`属性来实现这个效果。首先,将左边的`div`设置为`float: left`,然后将右边的`div`设置为`overflow: hidden`和`margin-left`等于左边`div`的宽度即可。
例如:
```html
<div class="container">
<div class="left"></div>
<div class="right"></div>
</div>
```
```css
.left {
float: left;
width: 200px;
height: 100%;
background-color: red;
}
.right {
overflow: hidden;
margin-left: 200px; /* 左边div的宽度 */
height: 100%;
background-color: blue;
}
```
这样,左边的`div`将固定在左侧,右边的`div`将自动分配剩余空间。注意,右边的`div`需要设置`overflow: hidden`,以防止其内容溢出。
阅读全文