1

考虑以下 DIV 结构：

<style>
#content{float:left;width:100%;}
#overlay{position:absolute;z-index:100;}
</style>

<body>
    <div id="header">header</div>
    <div id="overlayBox">
        <div id="overlay">
            I want to overlay #content. 
            If my height is greater than
            #content, I don't want to 
            spill onto other elements. 
            I want to push them away.
        </div>
    </div>
    <div id="content">content</div>
    <div id="footer">footer</div>
</body>

在示例中，我想：

如果高度大于#header_#footer#overlay#content

即使这个 DIV 结构是完全错误的，它也只是用来说明需要。

这是我遇到的问题的一个很好的例子：http: //jsfiddle.net/Udqkc/

4

1 回答 1

1

好吧，#content搬进#overlayBox：

    <div id="overlayBox">
        <div id="overlay">
            I want to overlay #content. 
            If my height is greater than
            #content, I don't want to <br />
            spill onto other elements. <br />
            I want to push them away.
        </div>
        <div id="content">content</div>
    </div>

稍微改变了CSS：

#overlay {float:left;}
#overlayBox {overflow:hidden;}
#content {position:absolute;}​

工作示例 - http://jsfiddle.net/nKwQF/14/

希望这会有所帮助，因为我不确定你是否能够移动#content

于 2012-10-09T07:38:48.997 回答