谁能帮我解释一下这个CSS代码什么意思？ - 未名空间MITBBS历史存档

国际科技财经博客移民网络热点娱乐民生时事公众号

Redian新闻

>未名空间

>Joke - 肚皮舞运动

谁能帮我解释一下这个CSS代码什么意思？

谁能帮我解释一下这个CSS代码什么意思？# Joke - 肚皮舞运动

H*72014-11-10 08:11

1 楼

页面上层是mb,下层是bd
#mb{position:absolute;z-index:103;width:100%;height:24px;left:0px;top:0px;}

#bd{position:absolute;z-index:102; width:100%;left:0px; top:26px;bottom:20px
;overflow:auto;*height:expression(document.documentElement.clientHeight-46+'
px')}

q*x2014-11-10 08:11

2 楼

why joke?

20px
+'

【在 H******7 的大作中提到】

: 页面上层是mb,下层是bd
: #mb{position:absolute;z-index:103;width:100%;height:24px;left:0px;top:0px;}
:
: #bd{position:absolute;z-index:102; width:100%;left:0px; top:26px;bottom:20px
: ;overflow:auto;*height:expression(document.documentElement.clientHeight-46+'
: px')}
:

H*72014-11-10 08:11

3 楼

感谢顶帖

【在 q**x 的大作中提到】

: why joke?
:
: 20px
: +'

c*n2014-11-10 08:11

4 楼

貌似都是比较正常的东西啊
就是最后一行是js拿了浏览器高度算了一下
保证#bd对应的东西可以占满下边除了bottom 20px以外所有空间

H*72014-11-10 08:11

5 楼

这个md是放在页面顶部的，不随滑动条滚动，bd是放在下面的，屏幕小时有滑动条。我
的问题是怎么实现md不滑动条滚动（类似frame的效果）？几行代码里哪些是关键？

【在 c******n 的大作中提到】

: 貌似都是比较正常的东西啊
: 就是最后一行是js拿了浏览器高度算了一下
: 保证#bd对应的东西可以占满下边除了bottom 20px以外所有空间

c*n2014-11-10 08:11

6 楼

和有滚动条那个一样
加个overflow，值改成visible或者hidden

【在 H******7 的大作中提到】

: 这个md是放在页面顶部的，不随滑动条滚动，bd是放在下面的，屏幕小时有滑动条。我
: 的问题是怎么实现md不滑动条滚动（类似frame的效果）？几行代码里哪些是关键？

H*72014-11-10 08:11

7 楼

不是问还要再加什么，这段代码现在已经实现md固定不滚了，但我不知道是怎么实现的
，想看看里面哪一句code是关键。

【在 c******n 的大作中提到】

: 和有滚动条那个一样
: 加个overflow，值改成visible或者hidden

c*n2014-11-10 08:11

8 楼

#mb{
position:absolute;
z-index:103;
width:100%;
height:24px;left:0px;top:0px;
}
mb用zindex放在了bd的上面
然后定位是absolute的就是他第一个带位置信息的上一层对象，你那边估计就是main
或者page之类的
最后top 0， left0确定了就是顶格

【在 H******7 的大作中提到】

: 不是问还要再加什么，这段代码现在已经实现md固定不滚了，但我不知道是怎么实现的
: ，想看看里面哪一句code是关键。

s*i2014-11-10 08:11

9 楼

看见老胡认真的问问题，我竟然赶脚不适应了，哈哈

c*n2014-11-10 08:11

10 楼

其实我还是没看懂你题目。。
你pm个网页或者jsfiddler看看

H*72014-11-10 08:11

11 楼

有点明白了，原来是z-index搞出不同的层。下一层bd从26px那行开始，上一层md到26
行结速。
JS那句是不必要的。overflow:auto好象不能删，删了就md,bd一起滚动，不知为啥。
#mb{position:absolute;z-index:103;width:100%;height:24px;left:0px;top:0px;}

#bd{position:absolute;z-index:102; width:100%;left:0px; top:26px;bottom:20px
;overflow:auto;}

main

【在 c******n 的大作中提到】

: #mb{
: position:absolute;
: z-index:103;
: width:100%;
: height:24px;left:0px;top:0px;
: }
: mb用zindex放在了bd的上面
: 然后定位是absolute的就是他第一个带位置信息的上一层对象，你那边估计就是main
: 或者page之类的
: 最后top 0， left0确定了就是顶格

c*n2014-11-10 08:11

12 楼

overflow是视内容多少vs格子大小来确定的
auto的话默认就开了如果浏览器高度剪掉46px之后留给bd空间不够放那些内容自然
就没有滚动条了
js那句如果你要bd不动的话应该是需要的不写高度又开overflow的话应该是高度自
动符合内容所以你再拉下去就滚动了我猜的， css改起来随时骂娘的
修改css的时候注意花括号分号这类别弄丢了

26
20px

【在 H******7 的大作中提到】

: 有点明白了，原来是z-index搞出不同的层。下一层bd从26px那行开始，上一层md到26
: 行结速。
: JS那句是不必要的。overflow:auto好象不能删，删了就md,bd一起滚动，不知为啥。
: #mb{position:absolute;z-index:103;width:100%;height:24px;left:0px;top:0px;}
:
: #bd{position:absolute;z-index:102; width:100%;left:0px; top:26px;bottom:20px
: ;overflow:auto;}
:
:
: main

c*n2014-11-10 08:11

13 楼

谢包子