2

私の問題はこのコードで説明されています：

<div class="test"></div>
<div class="extra"></div>

スタイルシート：

    html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}
div.test {
    width: 100%;
    background: #ccc;
    height: 100%;
}
div.extra {
    position:relative;
    height:50px;
    background:red;
    top:-50px;
}

またはこのjsfiddleで：

http://jsfiddle.net/XnKmW/3/

あなたがそれを見ると、すべてのものが整っています-あるべき姿です。

ChromeとIEでは、スクロールバーは表示されません。しかし、FFにはスクロールバーがあり、その赤いdivを超えてスクロールできます-これは不可能なはずです！

divs positon：absoluteのいずれかを作成することは、私が探している答えではありません。

4

1 に答える 1

1

このためあなたは巻物を手に入れます

div.extra {
    position:relative;
    height:50px;
    background:red;
    top: -50px;
}

あなたが使用している、そしてあなたがからposition: relative;減算しているよりも、代わりに相対的なものを取り出して使用する-50px;topmargin-top: -50px;

デモ

div.extra {
    height:50px;
    background:red;
    margin-top:-50px;
}
于 2012-11-08T18:16:23.760 に答える