Toggle navigation
首页
问答
IT问答
生活问答
电脑知识
百科
测评
css 关于width:100%的問題 本身的页面超过了整个屏幕的大小,也就是有滚动条,但是它只能覆盖屏幕大小
发布于2022-01-13 15:52:40
5
个回答
网友回答
2022-01-13
这个一般是代码问题。
1、首先请检查设置的width:100%是相对于哪个元素,如果是相对于父元素,那么父元素是否是整个浏览器窗口(包括滚动条的部分)。
如:
body
div style=width:100%;/div
/body
2、css书写一定分清楚是相对于哪个元素,如相对于body为100%那么其样式一定会是生效的。
网友回答
2022-01-13
你好。这个问题一般需要配合JS来解决,基本思路是,当滚动条移动后。也将这一层DIV的坐标进行移动,以刚好弥补掉空缺的地方。
比如:
div.css(left, $(document).scrollLeft()); div.css(top, $(document).scrollTop());
当div是绝对定位,width和height都是100%的时候。
在window.onscroll的事件时做这个处理,就可以达到你要的效果。
网友回答
2022-01-13
overflow:hidden
网友回答
2022-01-13
一定要在body标签后面添加一个div,并且设置div的position为fixed,如:
.pageoverlay{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
background-color: #383838;
filter: alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
body
div class=pageoverlay/div
/body
网友回答
2022-01-13
上下的话不止是宽度啊,高度也要设置啊,还有半透明的设置也要注意。
IT问答最新文章
1
vivo Y97性价比怎么样?
2
台电X98 Pro采用什么处理器?和微软Surface 3的一样吗?
3
可以当笔记本来用是吧
4
骁龙888+5000mAh,红米这款新机能否成为最具性价比?
5
红米新发布的红米note9系列值得购买吗?是不是很有性价比?
6
这台还会发布吗?
7
联想威6更好还是红米redmibook14增强版更好啊?
8
新电脑为什么会叫
9
iPhone13什么时候上市 有5g?
10
荣耀 50 玩游戏流畅么?
相关阅读
1
css 关于width:100%的問題 本身的页面超过了整个屏幕的大小,也就是有滚动条,但是它只能覆盖屏幕大小
2
怎么降低网游 魔兽世界 的CPU使用率 请高手帮忙
3
小米手机充电的指示灯有反应就是开不了机怎么处理
回到
顶部