DIV 自适应宽度 布局
2012-09-10 21:38
204 查看
<div style="width:90%; margin:0 auto; overflow:auto; _display:inline-block;">
<div style="width:200px; float:right; background:#090">这是右侧的内容</div>
<div style=" margin-right:210px; background:#F33">这是左侧的内容,自适应宽度</div>
</div>
<div style="width:90%; margin:0 auto; overflow:auto; _display:inline-block;">
<div style="width:150px; float:left; background:#6F0">这是左侧的内容 固定宽度</div>
<div style=" margin-left:160px; background:#FC0">中间内容,自适应宽度</div>
</div>
<div style="width:90%; margin:0 auto; overflow:auto; _display:inline-block;">
<div style="width:200px; float:right; background:#393"> 这是右侧的内容 固定宽度</div>
<div style="width:150px; float:left; background:#F60 ">这是左侧的内容 固定宽度</div>
<div style=" margin-left:160px;margin-right:210px; background:#6C3;">中间内容,自适应宽度</div>
</div>
<div style="width:200px; float:right; background:#090">这是右侧的内容</div>
<div style=" margin-right:210px; background:#F33">这是左侧的内容,自适应宽度</div>
</div>
<div style="width:90%; margin:0 auto; overflow:auto; _display:inline-block;">
<div style="width:150px; float:left; background:#6F0">这是左侧的内容 固定宽度</div>
<div style=" margin-left:160px; background:#FC0">中间内容,自适应宽度</div>
</div>
<div style="width:90%; margin:0 auto; overflow:auto; _display:inline-block;">
<div style="width:200px; float:right; background:#393"> 这是右侧的内容 固定宽度</div>
<div style="width:150px; float:left; background:#F60 ">这是左侧的内容 固定宽度</div>
<div style=" margin-left:160px;margin-right:210px; background:#6C3;">中间内容,自适应宽度</div>
</div>
相关文章推荐
- CSS布局-DIV宽度自适应
- div + css宽度自适应(液态布局)
- DIV+CSS 布局一行两列,左列固定宽度,右列自适应宽度;设置最小宽度,窗口小的时候显示滚动条.
- css三列布局,左边两个div固定,最右边宽度自适应
- DIV布局之三 行两列左栏宽度固定 右栏宽度自适应1
- DIV+CSS布局两列右列宽度自适应布局的不同实现方法
- DIV+CSS 布局一行两列,左列固定宽度,右列自适应宽度;设置最小宽度,窗口小的时候显示滚动条.
- div 两列布局,左侧固定宽度px,右侧自适应宽度,满屏
- bootstrap中实现外层DIV自适应,内层DIV宽度固定且居中的布局
- CSS+DIV布局,一个列宽影响另一个列宽,使总宽度自适应(CSS+DIV Layout, one column's width depend on the other's)
- DIV+CSS 布局一行两列,左列固定宽度,右列自适应宽度;设置最小宽度
- 同一行多个div宽度自适应布局
- 独行DIV自适应宽度布局CSS实例与应用范围
- DIV+CSS 布局一行两列,左列固定宽度,右列自适应宽度;设置最小宽度,窗口小的时候显示滚动条.
- 实现左边div固定宽度,右边div自适应撑满剩下的宽度的布局方式
- 两列布局,左边div固定宽度,右边宽度自适应
- css实现左右布局,左侧div固定不变,右侧div宽度自适应
- Div + CSS 创建自适应宽度布局(液态布局)
- 两列,一列有宽度,另外一列自适应(div 布局)
- DIV布局之三行两列左栏宽度固定右栏宽度自适应