浏览:417 2008-07-07 11:38 来自 luotong      :

一个非常常见的布局,左边一个版块宽度是固定的,右边一个版块宽度是根据浏览器宽度自动调节的。

使用表格很容易实现,如果用div来做呢?

收藏 楼主
  3个月前 【组长】 raozou      :
右边的div用百分比或者设置成auto(自动) 貌似就能解决啊!

1楼 回到顶楼 
  3个月前  Shpix      :
好幾種方案,給出一種:
#div1{
width:250px;
height:100%;
float:left;
}
#div2{
margin-left:250px;
}
這是利用margin外補邊
要做對body布局,上面方法不行,會有IE火狐差異出現,給你推薦個網址,自己去看,有各種布局
http://www.dynamicdrive.com/style/layouts
2楼 回到顶楼 
  3个月前  luotong      :
龍佑康朋友给的答案我试了试可以,而且IE,FF,Opera显示都正确。原来可以这么简单,一个margin-left就搞定了。谢谢了
3楼 回到顶楼 
  3个月前  Shpix      :
當你在body下布局,兩個div內容超過視窗后,你想讓一個div內出現滾動,而不是body滾動的時候是會有差異的,呵呵,說多了,這種情況是我做系統,需要左右分欄的時候碰到的
4楼 回到顶楼 
  3个月前 【组长】 阿一(杨正祎)      :
5楼 回到顶楼 
  3个月前 【组长】 阿一(杨正祎)      :
基本上可以说,table布局能完成的,div布局都可以完成。
当然div布局可以完成的,table不见有很多都没有办法。
6楼 回到顶楼 
  3个月前  luotong      :
谢谢了,学到新知识了
7楼 回到顶楼 

注册用户登录后才能回复,登录注册
> 返回“web标准设计”


其他话题

相关内容

相关链接

1 34924