0

一番上のdivがビューポートの一番上から約20pxであるのに、一番上にあるはずなのに問題があります。

HTML：

<div id="top">
</div>
<div id="bottom">
    <p>some text</p>
    <p>some text</p>
    <p>some text</p>
    <p>some text</p>
    <p>some text</p>
</div>

CSS：

body {
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

#top {
    width: 100%;
    height: 50px;
    background-color: #00c;
    position: fixed;
}

position: fixedから削除する#topと、結果は期待どおりであり、#topdivは真上にあります。

#topビューポートの上部に対してdivを作成するにはどう#topすればよいposition:fixedですか？

PS（ http://jsfiddle.netで問題が表示されないため、デモを作成できません。）

4

2 に答える 2

3

これは本当に理解しづらいですが、位置を固定してdivを上に接触させたいと思いますか？

に追加top: 0px;し#topます。

于 2012-11-13T13:09:10.580 に答える
3

問題がjsfiddleに表示されない場合は、HTMLコードとそのHTMLコードに違いがあるはずです。

Firebugや「要素の検査」などのツールを使用して#top、違いが見つかるまで、適用されているすべてのアクティブなCSSスタイル（および任意の親要素）を確認します。

于 2012-11-13T13:11:31.560 に答える