Html 绝对位置和溢出:自动,不显示滚动条
我不知道仅仅使用html和css是否可以做到这一点,但我在相对容器中有一个绝对div,并且希望在容器下有一个常规div HTML: 目标是防止“content”div重叠到页脚中。它与overflow:auto一起工作,但我在container div中看到了另一个垂直滚动条Html 绝对位置和溢出:自动,不显示滚动条,html,css,positioning,css-position,Html,Css,Positioning,Css Position,我不知道仅仅使用html和css是否可以做到这一点,但我在相对容器中有一个绝对div,并且希望在容器下有一个常规div HTML: 目标是防止“content”div重叠到页脚中。它与overflow:auto一起工作,但我在container div中看到了另一个垂直滚动条 还有其他方法可以解决这个问题吗?那么,只隐藏垂直滚动条怎么样: #container { position: relative; overflow: auto; overflow-y: hidden
还有其他方法可以解决这个问题吗?那么,只隐藏垂直滚动条怎么样:
#container {
position: relative;
overflow: auto;
overflow-y: hidden;
}
?
如果您正在寻找更奇特的东西来隐藏滚动条,那么您可以使用JavaScript mousescroll事件来做到这一点。
或者您可以使用一些jquery插件来处理滚动条,其中有很多,jScrollpane,Scrollable…那么,只隐藏垂直滚动条怎么样:
#container {
position: relative;
overflow: auto;
overflow-y: hidden;
}
?
如果您正在寻找更奇特的东西来隐藏滚动条,那么您可以使用JavaScript mousescroll事件来做到这一点。
或者您可以使用一些jquery插件来处理滚动条,滚动条有很多,jScrollpane,Scrollable…仅使用HTML和CSS就可以做到这一点。您可能会发现HTML和CSS代码的设置非常有用,因为它与您的代码使用相同的布局,并且试图实现类似的目标 我已将用于创建粘性页脚的代码与您的代码组合在一起,如下所示:
仅使用HTML和CSS就可以做到这一点。您可能会发现HTML和CSS代码的设置非常有用,因为它与您的代码使用相同的布局,并且试图实现类似的目标 我已将用于创建粘性页脚的代码与您的代码组合在一起,如下所示:
您必须以不同的方式更改布局,因为具有
绝对位置的元素没有布局空间。像这样:
<html>
<head>
<style>
#container{
position:relative;
}
#absoluteContent{
position:absolute;
width:955px;
z-index:1000;
}
</style>
</head>
<body>
<div id="container">
<div id="absoluteContent">
<div id="content">content
</div>
<div id="footer">footer
</div>
</div>
</div>
</body>
</html>
#容器{
位置:相对位置;
}
#绝对含量{
位置:绝对位置;
宽度:955px;
z指数:1000;
}
内容
页脚
您必须以不同的方式更改布局,因为具有绝对位置的元素没有布局空间。像这样:
<html>
<head>
<style>
#container{
position:relative;
}
#absoluteContent{
position:absolute;
width:955px;
z-index:1000;
}
</style>
</head>
<body>
<div id="container">
<div id="absoluteContent">
<div id="content">content
</div>
<div id="footer">footer
</div>
</div>
</div>
</body>
</html>
#容器{
位置:相对位置;
}
#绝对含量{
位置:绝对位置;
宽度:955px;
z指数:1000;
}
内容
页脚
overflow:hidden;'怎么样?这就是你要找的吗?不抱歉,如果设置为隐藏,内容将被切断。我需要它在相对div上不显示滚动条的情况下展开。我只是想了解一下,为什么您希望内容在视觉上阻止您查看页脚?我希望页脚位于绝对位置的内容下方,而不是被它阻止。我的目标是防止内容重叠到页脚中。我这样做了,但现在我的包装器有一个滚动条。我需要内容垂直展开,并在页脚显示“overflow:hidden;”时向下推页脚?这就是你要找的吗?不抱歉,如果设置为隐藏,内容将被切断。我需要它在相对div上不显示滚动条的情况下展开。我只是想了解一下,为什么您希望内容在视觉上阻止您查看页脚?我希望页脚位于绝对位置的内容下方,而不是被它阻止。我的目标是防止内容重叠到页脚中。我这样做了,但现在我的包装器有一个滚动条。我需要的内容,以扩大垂直,也按下页脚时,它这样做