更简单的实现方式，是否可以？

Question

body,html{
		padding: 0;
		margin: 0;
	}
	#container{
		
	}
	#container:after{
		content: " ";
		display: block;
		clear: both;
	}
	#left{
		background-color: #efefef;
		width: 200px;
		margin-left: -100%;
	}
	#right{
		background: red;
		width: 100px;
		margin-left: -100px;
	}
	#center{
		background: green;
		width: 100%;
		box-sizing: border-box;
		padding:0 100px 0 200px;
	}
	.colum{
		float: left;
	}
<div id="container">
		<div id="center" class="colum">哈哈哈哈哈哈</div>
		<div id="left" class="colum">left</div>
		<div id="right" class="colum">right</div>
	</div>

Answer 1

双越 2020-10-17 13:59:38

也可以。

就一点可能会有点不合习惯，html 中你是先 center 后 left 再 right ，而一般是 left center right 这个顺序。

• 提问者 fashionLee #1

  如果center放中间的话。left margin-right:-200px;或者center  margin-left:-200px

• 双越 回复 提问者 fashionLee #2

  嗯嗯，那也可以的。还要考虑下，height 是不是都统一