gpt4 book ai didi

HTML/CSS - 位置 :fixed prevents scroll bar from appearing on minimised screen

转载 作者:太空宇宙 更新时间:2023-11-03 18:05:44 25 4
gpt4 key购买 nike

我是 HTML 和 CSS 的新手,在玩网页设计时发现了一个非常烦人的问题 - 我正在尝试创建一个固定的标题(以制作导航栏)但是......

当使用 CSS 中的 position:fixed 属性值对将屏幕最小化时,水平滚动条不会出现。

要明白我的意思,请看下面的代码:按原样打开 html 并最小化浏览器会创建一个水平滚动条就好了,但是去掉 CSS 中的/* */注释符号和突然间,这个滚动条不再出现,所有的定位都变得一团糟。

HTML

<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css" />
</head>
<body>
<div></div>
</body>
</html>

CSS

body {
min-width:1000px;
}
div {
width:100%;
height:100px;
background-color:black;
/* position:fixed; */
}

非常感谢任何有关如何解决此问题的帮助,谢谢,

菲利普。

最佳答案

如果您始终需要水平滚动:只需将 overflow-x: scroll; 添加到 css 中的 body 即可。或者您可以使用 @media 指定屏幕尺寸:

@media (max-width: 1000px) {
body {
overflow-x: scroll;
}
}

关于HTML/CSS - 位置 :fixed prevents scroll bar from appearing on minimised screen,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24719277/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com