如何使左侧固定宽度右侧自适应。
2013-08-27 14:15
239 查看
HTML代码如下：
<div id="box">
<div id="right">right right</div>
<div id="left">left</div>
<div style="clear:both"></div>
</div>
css代码如下：
<style>
*{ padding:0; margin:0; font-size:12px; line-height:1.8; font-family:Verdana;}
#box{ background:#FFCC00;border-left:200px solid #FF9900;}
#left{margin-left:-200px; width:200px; /*position:static;*/}
#right{float:right; width:100%}
</style>
<div id="box">
<div id="right">right right</div>
<div id="left">left</div>
<div style="clear:both"></div>
</div>
css代码如下：
<style>
*{ padding:0; margin:0; font-size:12px; line-height:1.8; font-family:Verdana;}
#box{ background:#FFCC00;border-left:200px solid #FF9900;}
#left{margin-left:-200px; width:200px; /*position:static;*/}
#right{float:right; width:100%}
</style>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 页面布局左侧固定宽度，右侧屏幕自适应
- html--左侧固定宽度，右侧自适应宽度布局
- 左侧固定宽度-右侧自适应布局
- 老生长谈：CSS实现右侧固定宽度，左侧宽度自适应
- css实现右侧固定宽度，左侧宽度自适应
- 页面左侧宽度固定，右侧自适应或者右侧固定宽度，左侧自适应
- CSS-左侧固定宽度，右侧自适应宽度的两列布局实现方法总结
- 左侧固定宽度，右侧自适应宽度的CSS布局（总结）
- 用两种不同的方式来实现一个三列布局，其中左侧和右侧的部分宽度固定，中间部分宽度随浏览器宽度的变化而自适应变化
- 用两种不同的方法来实现一个两列布局，其中左侧部分宽度固定、右侧部分宽度随浏览器宽度的变化而自适应变化
- css实现左侧固定宽度，右侧宽度自适应
- div css 左侧固定，右侧自适应宽度 效果
- 老生长谈：css实现右侧固定宽度，左侧宽度自适应
- NO.24 关于左侧div固定宽度，右侧自适应时footer不能在最底部的问题
- 老生长谈，温故知新：css实现右侧固定宽度，左侧宽度自适应
- CSS float的初步理解：用两种不同的方式来实现一个三列布局，其中左侧和右侧的部分宽度固定，中间部分宽度随浏览器宽度的变化而自适应变化
- 左侧固定，右侧宽度自适应
- css布局：左边固定宽度，右边自适应宽度或右侧固定，左侧自适应三种方法
- css实现左右布局，左侧div固定不变，右侧div宽度自适应
- 左侧固定宽度，右侧自适应宽度铺满剩余屏幕