Question

我在一个相对div中有一个绝对div，我想让它成为一个固定的维度。我的问题是忽略了高度。

这是我的html结构：

<div id="wrap">
    <div>
        <h1>test</h1>
    </div>
    <div id="swipe">
        <br/>
    </div>
</div>

这是我的css：

body {
    background-color: #7ECEFD;

    margin: 0;
    padding: 0;
}

#wrap {
    width: 100%;
    margin: auto;
    overflow: hidden;
    position: relative;
}

#swipe {
    background-color: white;    
    position: absolute;
    top:0;
    left:10px;
    width:100%;
    height: 500px; 
}

为什么呢？我怎么能用css解决它？任何其他技巧（jquery）？

http://jsfiddle.net/nkint/XQzJf/

Answer 1

500px为高overflow: hidden，但由于#wrap上的#swipe，大部分都被隐藏了。您需要将其删除或使其大到足以包含{{1}}。

Answer 2

html, body, #wrap {
   height: 100%;
}

相对div内绝对div的高度

2 个答案: