基本思路:
- 右侧固定,并设置为右浮动
- 左侧主体部分设置一个右边距,它的宽度只要大于等于左侧的宽度就可以
HTML结构
<div class="left">左侧</div> <div class="main">主体</div>
CSS样式
<style type="text/css"> .left{ width: 200px; height: 600px; background-color: aqua; float: left; } .main{ height: 600px; background-color: #8B4513; margin-left: 200px; } </style>
转载请注明:大灰牛博客 » 网页排版布局|两列布局-左侧固定-右侧自适应