三列布局，左右固定，中间自适应

body{ margin:0; padding:0; font-size:30px; font-weight:bold}
.header{height: 100px;background: #777;}
.content{height:700px;background: #000;}
.left{ width:240px; height:600px; background:#ccc; position:absolute; left:0; top:100}
.main{ height:600px; margin:0 240px; background:#9CF}
.right{ height:600px; width:240px; position:absolute; top:100; right:0; background:#FCC;}

<body>
    <div class="header"></div>
		<div class="content">
    		<div class="left">left</div>
    		<div class="main">main</div>
    		<div class="right">right</div>
    	</div>
</body>

很简单的三列布局，为什么右测一栏总会跑到下面去

放假不出去会死的

浏览 2553回答 4

4回答

历伊荫

或者，你也可以查一查，display:flex;

历伊荫

display:table-cell;