两边固定中间自适应布局 - 锐客网
.container {
min-width: 800px;
height: 200px;
background-color: #eee;
/*width: 100%；*/
/*padding: 0 200px;
*/
}
.main {
float: left;
width: 100%;
height: 200px;
background-color: red;
}
.right,.left {
float: left;
height: 200px;
width: 200px;
background-color: yellow;
}
.left {
margin-left: -100%;
}
.right {
margin-left: -200px;
}
.main_ {
margin: 0 200px;
}
1
3
推荐阅读
- web网页模板|如此优秀的JS轮播图，写完老师都沉默了
- JavaScript|JavaScript之DOM增删改查(重点)
- 网络|一文彻底搞懂前端监控
- css|我用css精灵图拼接了自己的英文名字，不会还有人不知道精灵图技术吧（）
- css|css三角的做法及其案例
- css|css中元素的显示与隐藏
- JavaWeb|JavaWeb学习——CSS
- flex|C语言-使用goto语句从循环中跳出
- java|你跳一次涨多少（今天见识到跳槽天花板！！）