首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

怎樣流式排版?右区自动切换到左对齐解决思路

2012-02-29 
怎樣流式排版?右区自动切换到左对齐______________________________|||aaaaaaaaaa||左区范围200*100||aaaa

怎樣流式排版?右区自动切换到左对齐
___________________     ___________
|                                     |   |aaaaaaaaaa|
|左区范围200*100       |   |aaaa右区aa|
|                                     |   |aaaaaaaaaa|
|__________________|   |aaaaaaaaaa|
aaaaaaaaa右区自动切换到左对齐aaa|
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa|

怎样实现?

[解决办法]
外边一个div
左div (写好宽度高度 float:left;padding:5px;)
右div (height:auto;)

当右div的高度大于左div时,会自动将内容延伸到左边去。


<div style= "width:300px; height:auto; background-color:#333; ">
<div style= "float:left;width:100px;height:50px;background-color:#EEE; "> left div </div>
<div style= "height:auto; "> right div right div right div right div right div right div right div right div right div right div right div right div right div right div right div right div right div right div right div right div right div right div right div right div right div right div right div right div right div right div right div right div right div right div right div right div right div right div right div right div right div right div right div right </div>
</div>


http://bolm.cn

热点排行