私のページをカバーするdivを取得しない方法は？

私は実際には、私のページの上に固定されたdivを持つべきウェブサイトに取り組んでいます。しかし、それは正常に動作しません：上の私のdivは私のページの一部をカバーしています。私はこれを解決する方法を理解していません。私のページをカバーするdivを取得しない方法は？

トップに固定されたdivが ".menutop" です：

.menutop { 
    width:100%; 
    background-color:white; 
    top:0; 
    position:fixed; 
    margin-bottom:10px; 
    border-bottom:1px solid black; 
    color: #428CB7; 
}

は、私は私の体の構成で何かを追加すべきか？

ありがとうございました！

出典

2011-10-24 beluga

いくつかの例ページを表示できますか？ライブ/ http://jsfiddle.netで？ – PeeHaa

要素にposition:absoluteまたはposition:fixedがある場合、その要素はフローから削除されるため、他の要素はあたかもそこにないかのように動作します。これにより問題が発生しないようにするには、コンテンツにmargin-topを追加して、メニューが表示されなくなるようにします。

出典

2011-10-24 15:59:15

私はmargin-topで試してみましたがうまくいきましたが、もう一つ問題がありました：私はアンカーを持っているので、この位置のためにこれらのアンカーは（部分的に）隠されています。しかし、私のページの上部にはうまくいきます。それは問題の原因となるページの真中です。 – beluga

おそらく、menutopの高さのために、身体に余白部分を追加する必要があります。

出典

2011-10-24 15:59:39

私のページをカバーするdivを取得しない方法は？

答えて

関連する問題