今天小编跟大家讲解下有关CSS三列布局两端固定宽度中间自适应 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关CSS三列布局两端固定宽度中间自适应 的相关资料，希望小伙伴们看了有所帮助。
两端固定宽度 中间自适应结构： 复制代码代码如下: <div class="wrap"> <div class="main"> <div class="content"></div> </div> <div class="submain">2</div> <div class="sidebar">3</div> </div> 复制代码代码如下: .wrap{width: 500px;border: 1px solid;overflow: hidden;} .main{float: left;width: 100%;} .content{height: 50px;margin: 0 150px;background-color: #f60;} .submain{float: left;width: 150px;height: 50px;margin-left: -100%;background-color: #6f0;} .sidebar{float: left;width: 150px;height: 50px;margin-left: -150px;background-color: #06f;} 结果如下所示：来源：爱蒂网
