2

有人可以告诉我为什么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 上的示例

提前致谢。

4

1 回答 1

1

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

尝试设置该#RightContent元素的高度。

更新

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

请研究样品和实验。

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

于 2013-01-23T18:13:19.997 回答