打印

[求助] 关于div高度100%的问题！在线等高人答复！

zhangjinchuan [楼主]

新手上路

帖子: 14
体力: 36
威望: 0
离线: 70 天

发短消息

1^# 大中小发表于 2008-5-15 16:03

提示：您可以先修改部分代码再运行

请高人帮忙看看，我需要的效果是top的高度是固定的，而main的高度是自动撑满下面的屏幕的，并且所有浏览器都一样的效果，但是这样就会出现滚动条，请问怎么解决？望高手解答，

TOP

MagicYY

高级会员

帖子: 384
体力: 599
威望: 0

发短消息

2^# 大中小发表于 2008-5-15 16:43

height:100% + height:80px > height:100%
既然已经超出了，出现滚动条也很自然。

参考
http://bbs.blueidea.com/thread-2818595-1-1.html

[ 本帖最后由 MagicYY 于 2008-5-15 16:44 编辑 ]

TOP

zhangjinchuan [楼主]

新手上路

帖子: 14
体力: 36
威望: 0
离线: 70 天

发短消息

3^# 大中小发表于 2008-5-15 19:21

能给我一个现成的代码吗？恕我愚钝，试了一下午，确实还是没搞懂怎么去做

TOP

maomaodonkey

新手上路

帖子: 10
体力: 20
威望: 0
离线: 57 天

发短消息

4^# 大中小发表于 2008-5-15 19:25

body{
margin:0;
padding:0;
}
#main{
margin：0;
padding:0;
width:100%;
height:100%
}
#top{
//自己定义
}

你可以把MAIN作为父层， TOP 作为子层

TOP

zhangjinchuan [楼主]

新手上路

帖子: 14
体力: 36
威望: 0
离线: 70 天

发短消息

5^# 大中小发表于 2008-5-15 19:32

4楼你的方法没办法解决问题哦，把main作为父层，top放在main内，我还是要继续在top下面增加一个盒子来放其他东西，你说这个方法行不通的

TOP

maomaodonkey

新手上路

帖子: 10
体力: 20
威望: 0
离线: 57 天

发短消息

6^# 大中小发表于 2008-5-15 19:37

没懂你的意思
首先，你是要把网页固定在全屏高度？如果是，就用main作最大的容器，设置如上。里面的子层，你随便放啊，用好定位就行了

TOP

zhangjinchuan [楼主]

新手上路

帖子: 14
体力: 36
威望: 0
离线: 70 天

发短消息

7^# 大中小发表于 2008-5-15 19:51

您注意看我的代码，我是想top固定高度，main的高度是100%，但main内还要装其他东西的，一般OA软件您知道吧？就是OA软件的界面，您应该清楚我想怎么做了吧？正如2楼所说，height 100% + 80px已经大于整个屏幕了，所以出现滚动条了

TOP

cuikai

银牌会员

帖子: 1260
体力: 1795
威望: 5
当前: 北京东城区

专长 UI,前端制作

8^# 大中小发表于 2008-5-15 19:53

提示：您可以先修改部分代码再运行

top绝对定位， main给一个负值，大小为top的高度。这里是margin-top:-80px

[ 本帖最后由 cuikai 于 2008-5-15 20:38 编辑 ]

承接(前端开发/网站设计)类兼职:www.uicss.cn

TOP

maomaodonkey

新手上路

帖子: 10
体力: 20
威望: 0
离线: 57 天

发短消息

9^# 大中小发表于 2008-5-15 20:00

我不理解，为虾米main作父层后，除了top就不能装其他的了？

TOP

zhangjinchuan [楼主]

新手上路

帖子: 14
体力: 36
威望: 0
离线: 70 天

发短消息

10^# 大中小发表于 2008-5-15 20:18

是可以放，但是会有滚动条，楼上的这位朋友，您测试过吗？

TOP

Elking

中级会员

帖子: 140
体力: 279
威望: 0

发短消息

11^# 大中小发表于 2008-5-15 21:13

= =!! JS的要不??

提示：您可以先修改部分代码再运行

TOP

zzguo28

中级会员

帖子: 122
体力: 232
威望: 0
当前: 广东茂名

发短消息

12^# 大中小发表于 2008-5-15 22:25

加个overflow: hidden;可解决

提示：您可以先修改部分代码再运行

TOP

4511916

高级会员

帖子: 337
体力: 634
威望: 0
当前: 江苏南京
离线: 1 天

发短消息

专长 网页设计,平面,策划

13^# 大中小发表于 2008-5-17 13:23

overflow:hidden 是让超出的部分隐藏，但不能显示全部

TOP

zhanyuzai

新手上路

帖子: 11
体力: 28
威望: 0
当前: 福建泉州
离线: 15 天

14^# 大中小发表于 2008-5-18 15:23

是上下布局的页面吧,我也在找这个。
上面是工具栏，固定高度。下面显示内容，自适应窗口+流动条。
浏览器、编辑器、管理工具都用得上这样的布局。
我现在是将内容高度设置为80%，只要不是窗口拉得太低，内容都看得到；全屏的话，下面的空白也不会太多。
自己做的一个项目http://www.manule.cn
帮我看看，做完了拿这个去找工作。。。

TOP

309503

中级会员

帖子: 182
体力: 392
威望: 0
当前: 广东深圳
离线: 8 天

发短消息

15^# 大中小发表于 2008-5-19 12:05

8楼和11楼不是都能实现吗？！！

我一般用11楼的JS方法。以后可以试试8楼的方法。

overflow:hidden 肯定不行，是掩耳盗铃

我不明白为什么一定要明白我不明白的~~~

TOP