[
登录
|
注册
]
反馈问题或提出建议
社区首页
新 闻
小 组
博 问
闪 存
网 摘
空 间
好 友
web标准设计
/
水平两个div 如何实现自动宽度
浏览: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个月前
【组长】
阿一(杨正祎)
:
这个我写过几篇文章都有提到过,你可以看看——
http://www.cnblogs.com/JustinYoung/archive/2008/05/05/google-reader-layout.html
还有
http://www.cnblogs.com/justinyoung/archive/2008/03/11/lets-blog-skin-02.html
希望对你有帮助。
5楼
3个月前
【组长】
阿一(杨正祎)
:
基本上可以说,table布局能完成的,div布局都可以完成。
当然div布局可以完成的,table不见有很多都没有办法。
6楼
3个月前
luotong
:
谢谢了,学到新知识了
7楼
注册用户登录后才能回复,
登录
或
注册
。
有不合适内容,建议去除
>
返回“web标准设计”
其他话题
《阿一web标准学堂》改版讨论、通知。
(阿一(杨正祎))
阿一web标准学堂第1课:web标准概述(附视频、课件下载)
(杨正祎(阿一))
阿一web标准学堂第2课:CSS选择符基础知识(附视频、课件、代码下载)
(杨正祎(阿一))
“阿一web标准学堂”第5课:HTML和CSS基础知识(2)(附视频、课件、代码下载)
(阿一(杨正祎))
学习“web标准设计”推荐书籍
(杨正祎)
今天买了本书《别具光芒DIV+CSS网页布局与美化》
(叉子)
相关内容
C#下如何实现服务器+客户端的聊天程序
如何实现文本框焦点自动跳转及通过回车键提交表单
学习“web标准设计”推荐书籍
《web标准设计》欢迎对网页制作感兴趣的朋友
相关链接
1
34924