布局
1. 1)左侧固定,右侧自适应屏幕宽度
方法:左边浮动,右边加上一个 margin-left,等于左边的宽度
html:
<div id="left">left</div>
<div id="right">right</div>
css:
#left{
float:left;
width:220px;
background-color:green;
}
#right{
background-color: orange;
margin-left:220px; /*等于左边栏的宽度*/
}
2. 2)左侧固定,右侧自适应屏幕宽度
方法:
html:
<div id="left">left</div>
<div id="right">
<div id="content">main content</div>
</div>
css: