div溢出不起作用

Question

有人可以告诉我为什么overflow:hidden;吗？ 不起作用，它一直在打动我的大脑，并且尝试了各种尝试，除非这是我做的布局。

提前致谢。

#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;   
}

在posturads.com上查看示例

提前致谢。

Answer 1

您尚未在元素或其任何祖先上设置高度。

尝试在#RightContent元素上设置高度。

更新

我创建了一个快速的html布局示例来帮助您入门： http : //jsfiddle.net/Zdaaj/

请研究样本并进行实验。

我强烈建议您熟悉使用浮点，清除和边距来将布局放到所需的位置并减少沮丧感。