1

Javascript を使用して新しい Div をページに追加しようとしています。修正したいのですが、ページをオーバーレイせずに、ページの左側にサイドバーのように見えるはずです。現在、位置を固定に設定すると、表示されますが、ページ全体をオーバーレイします。これを修正する方法はありますか?

thx事前に

4

1 に答える 1

0

要素を修正することで、通常のレンダリング フローからその要素を削除することになるため、他の要素はそこに存在しないかのように動作します。これを回避する最善の方法は、ページの残りの部分の実際のコンテンツにパディングを追加して、サイド メニューがあるふりをすることです。

div.menu {
position:fixed;
left:0px;
top:100px;
width:200px;
height:400px;
}
div.content {
padding-left:215px;
}

padding-left は、ボックスをサイドバー用に 200 ピクセル、プラス 15 の適切なパディングで埋めて、テキストが横に押し付けられないようにします。

<div class='menu'>Menu Here</div>
<div class='content'>
    Content<br />In<br />Here<br />Fits in place
</div>
于 2012-06-22T10:55:52.657 に答える