Css Div溢出不工作

Css Div溢出不工作,css,html,Css,Html,有人能告诉我为什么溢出:隐藏不起作用了,它一直在我的脑子里嗡嗡作响,我尝试了各种各样的方法,除非是我用的布局 提前谢谢 #RightContent { min-height: 90%; background-color: #0A0A0A; border-top: 2px solid #2D2D2D; border-left: 2px solid #2D2D2D; border-right: 2px solid #2D2D2D; border-top

有人能告诉我为什么溢出:隐藏不起作用了,它一直在我的脑子里嗡嗡作响,我尝试了各种各样的方法,除非是我用的布局

提前谢谢

#RightContent {
    min-height: 90%;
    background-color: #0A0A0A;
    border-top: 2px solid #2D2D2D;
    border-left: 2px solid #2D2D2D;
    border-right: 2px solid #2D2D2D;
    border-top-right-radius: 25px;
    width: 41%;
    margin: 0 auto;
    position: absolute;
    top: 20px;
    left: 404pt;
    overflow: hidden;   
}

#RightFooter {
    min-height: 30px;
    background-color: #0A0A0A;
    border-bottom: 2px solid #2D2D2D;
    border-left: 2px solid #2D2D2D;
    border-right: 2px solid #2D2D2D;
    border-bottom-right-radius: 25px;
    width: 41%;
    margin: 0 auto;
    position: absolute;
    bottom: 20px;
    left: 404pt;
    overflow: hidden;   
}
参见postrads.com上的示例


提前感谢。

您尚未设置元素或其任何祖先的高度

#RightContent {
    min-height: 90%;
    background-color: #0A0A0A;
    border-top: 2px solid #2D2D2D;
    border-left: 2px solid #2D2D2D;
    border-right: 2px solid #2D2D2D;
    border-top-right-radius: 25px;
    width: 41%;
    margin: 0 auto;
    position: absolute;
    top: 20px;
    left: 404pt;
    overflow: hidden;   
}

#RightFooter {
    min-height: 30px;
    background-color: #0A0A0A;
    border-bottom: 2px solid #2D2D2D;
    border-left: 2px solid #2D2D2D;
    border-right: 2px solid #2D2D2D;
    border-bottom-right-radius: 25px;
    width: 41%;
    margin: 0 auto;
    position: absolute;
    bottom: 20px;
    left: 404pt;
    overflow: hidden;   
}
尝试设置
#RightContent
元素的高度

已更新

我创建了一个快速html布局示例来帮助您入门:

请研究样品和实验


我强烈建议您熟悉使用浮动、清除和边距,以使布局达到您想要的位置,并减少您的挫折感。

请您将问题隔离出来,并在添加html中重新创建它,同时检查您的标记……没有理由将页脚定位为绝对位置。最好为每一列设置一个包装器,并将内容和页脚放在其中。这就是你的页脚位置如此混乱的原因。顺便说一下,去掉右边列中的表。没有理由使用表格。Hmmm已经尝试过了,我只想在正确的内容展开时按下页脚。尽量避免绝对定位。取而代之的是,尝试浮动你的元素——有很多很好的例子。另外,尝试将你的标记包装成适当的部分。示例:使用一个容器来集中页面内容。然后为上部和页脚设置两个嵌套容器。继续将你的标记划分为有意义的部分,你会发现它们的样式化变得更容易。我希望你觉得附加的JSFIDLE有帮助-这是我能帮助你的。这已经非常有效了,感谢技术恐惧症,我已经按照我想要的方式进行了样式化,我已经制作了#页面最小高度最小高度:73%;我现在唯一的问题是页脚在页面的中间,我不能让它们停留在底部,它们只是坐在正确的内容和内容的结尾。除此之外,它工作得非常好D