div三列,中间一列宽度自适应,2边固定
2009-08-31 13:53
309 查看
<div style="color: White;">
<div style="width: 100%; background-color: black;">
<div style="width: 200px; background-color: Aqua; float: left;">
1111111111111111</div>
<div style="background-color: Purple; margin-left:200px; margin-right:230px;">
<div style="background-color: Blue; width: 100%; float:left;">
22222222222222222
</div>
</div>
<div style="width: 230px; background-color: Fuchsia; float: right;">
33333333333</div>
</div>
</div>
<div style="width: 100%; background-color: black;">
<div style="width: 200px; background-color: Aqua; float: left;">
1111111111111111</div>
<div style="background-color: Purple; margin-left:200px; margin-right:230px;">
<div style="background-color: Blue; width: 100%; float:left;">
22222222222222222
</div>
</div>
<div style="width: 230px; background-color: Fuchsia; float: right;">
33333333333</div>
</div>
</div>
相关文章推荐
- DIV/CSS 实现三列,左右两列固定,中间一列自适应
- div三列,左右固定宽度,中间自适应
- css三列布局,中间div固定,两侧div宽度自适应
- 【CSS】三列布局(左右div固定宽度,中间div随浏览器窗口自适应变化宽度)
- HTML/CSS学习之 三列布局,其中左侧和右侧的部分宽度固定,中间部分宽度随浏览器宽度的变化而自适应变化
- 三列布局(左右固定宽度,中间自适应)
- 三列布局:中间宽度固定,两侧宽度自适应屏幕的实现
- CSS三列布局之左右宽度固定,中间元素自适应问题
- 【前端攻城狮之路】CSS三列布局——两侧固定宽度、中间自适应
- html 三列布局(两列固定宽度,一列自适应)
- css中头部固定 三列两边固定宽度,中间自适应设置
- DIV+CSS经典??三列布局(左右固定 中间自适应)
- DIV+CSS实现两边固定宽度,中间自适应宽度
- 三列,左右两列宽度固定,中间宽度自适应
- css三列布局,左边两个div固定,最右边宽度自适应
- html 三列布局(两列自适应,一列固定宽度)
- 三列布局中间固定宽度,两边自适应宽度
- 三列布局,左右宽度固定,中间一列随浏览器窗口变化宽度
- 三列布局(左右宽度固定,中间自适应)的五种解决方案
- DIV布局之三行三列左右两栏固定中间自适应