html漂浮在左侧不动,CSS实现左边不动，右边自适应布局

如题，通过不事时功来这制请例在屏随会和时实于幻近支CSS实现左边固定，右边自适应的布局。主要有以下两种方法，均在能调页代事求都学是功发解开宗这维视如间请前框来总在行回断元随来以4移和泉果动标实效使代码上体现。

布局左不动右边自适应的两列布局

/*方法一：左边定宽，且浮动left*/

*{

margin: 0;

padding: 0;

}

#left{

background: #007AFF;

width: 250px;/*定宽*/

float: left;/*浮动*/

height: 500px;

}

#content{

background: #BBBBBB;

height: 500px;

}

/*方法二：左边绝对定位，并定宽，右边的margin-left为左边的宽度*/

*{

margin: 0;

padding: 0;

}

#left{

position: absolute;/*绝对定位*/

background: #007AFF;

width: 250px;/*定宽*/

height: 500px;

}

#content{

background: #BBBBBB;

height: 500px;

margin-left: 250px;/*等于左边宽度*/

}

left

content

效果图：

以上！

本文来源于网络：查看 >https://blog.csdn.net/henouren/article/details/78222538