css左边固定右边自适应（css自适应布局方法）

摘要： web前端研究之布局：先看效果图，最无脑的差不多布局。有可能还会被面试问道嘿嘿哈。一看也没什么特别之处，只是左边特殊，右边自适应，就这么无脑。原理：通过设置一个margin-l...

web前端研究之布局：先看效果图，最无脑的差不多布局。有可能还会被面试问道嘿嘿哈。

一看也没什么特别之处，只是左边特殊，右边自适应，就这么无脑。

原理：通过设置一个margin-left;或者margin-right就应该搞定。方法有很多，这次就只讲解这种设置margin的。

body{

margin:0;

padding:0;

}

#wrap {

overflow: hidden; *zoom: 1;

}

#content ,#sidebar {

background-color: #eee;

}

#sidebar {

float: left; width: 300px;

background-color:pink;

position:fixed;

top:50px;

left:0;

}

#content {

margin-left: 310px;

height:1000px;

background-color:#e456aa;

margin-top:50px;

}

#footer {

background-color: #f00;

color:#fff;

margin-top: 1em;

}

这是头部:web前端研究大全

特殊宽度区：jingfeng18

自适应区

这是尾部，想写什么就写什么，这是一个神奇的地方

超级无脑，如果你还有更加好的方法，欢迎前来投稿交流。只为学习再多，技术更上一层楼，早日升职加薪，赢取白富美，走上人的一生巅峰。