页面左边导航固定，右边自适应宽度
2014-04-28 18:12
316 查看
模式一：
模式二：
<style type="text/css">
div { height:300px; border:2px solid #306;}
.left{width:300px; position:absolute; left:0; top:0;}
.right{ margin-left:310px;}
body{margin:0; padding:0;}
</style>
</head>
<body>
<div class="left"></div>
<div class="right"></div>
</body>模式二：
<style type="text/css">
div { height:300px; border:2px solid #306;}
.left{width:300px; position:absolute; left:0; top:0;}
.center{ margin-left:310px; margin-right:200px;}
.right { width:190px;position:absolute; right:0; top:0;}
body{margin:0; padding:0;}
</style>
</head>
<body>
<div class="center"></div>
<div class="left"></div>
<div class="right"></div>
</body>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 解决左边固定右边自适应宽度的方案
- css实现左边div固定宽度，右边div自适应撑满剩下的宽度
- 实现一个div，左边固定div宽度200px，右边div自适应
- css 两栏自适应布局--左边固定宽度 右边自适应
- 实现一个div，左边固定div宽度200px，右边div自适应
- 右边固定宽度，左边自适应宽度
- 利用绝对定位实现两列右边固定宽度左边自适应布局
- 两列布局，左边div固定宽度，右边宽度自适应
- 左边层宽度固定，右边层宽度自适应写法
- css实现左边div固定宽度，右边div自适应撑满剩下的宽度
- 右边宽度固定，左边宽度自适应
- 实现左边固定宽度右边自适应布局
- 右边固定宽度左边自适应宽度的两列布局方法
- css三列布局，左边两个div固定，最右边宽度自适应
- 实现一个左边宽度固定，右边自适应
- css布局：左边固定宽度，右边自适应宽度或右侧固定，左侧自适应三种方法
- 左边div固定宽度，右边div宽度自适应
- 两列布局：左边固定宽度，右边自适应宽度，并且左边高度固定，右边自适应，两边的底边一直对齐
- 实现一个div，左边固定div宽度200px，右边div自适应
- css实现左边div固定宽度，右边div自适应撑满剩下的宽度