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