本文实现左侧定宽，右侧自适应。
本文代码基于以下部分代码实现：
<body>
<div class="parent">
<div class="side">侧栏</div>
<div class="main">主栏</div>
</div>
</body>第一种：绝对定位+margin
.side {
background-color: red;
width: 200px;
position: absolute;
}
.main {
background-color: rgb(255, 0, 255);
margin-left: 200px;
}第二种：float+margin
.side {
background-color: red;
width: 200px;
float: left;
}
.main {
background-color: rgb(255, 0, 255);
margin-left: 200px;
}第三种：flex
.parent {
display: flex;
}
.side {
background-color: red;
flex-basis: 200px;
}
.main {
background-color: rgb(255, 0, 255);
flex-grow: 1;
}第四种：利用BFC清除浮动
.side {
background-color: red;
width: 200px;
float: left;
}
.main {
overflow: hidden;
background-color: rgb(255, 0, 255);
}
825
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
