Html 绝对位置和溢出:自动,不显示滚动条

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

我不知道仅仅使用html和css是否可以做到这一点,但我在相对容器中有一个绝对div,并且希望在容器下有一个常规div

HTML:

目标是防止“content”div重叠到页脚中。它与overflow:auto一起工作,但我在container div中看到了另一个垂直滚动条


还有其他方法可以解决这个问题吗?

那么,只隐藏垂直滚动条怎么样:

#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上不显示滚动条的情况下展开。我只是想了解一下,为什么您希望内容在视觉上阻止您查看页脚?我希望页脚位于绝对位置的内容下方,而不是被它阻止。我的目标是防止内容重叠到页脚中。我这样做了,但现在我的包装器有一个滚动条。我需要的内容,以扩大垂直,也按下页脚时,它这样做