Back to Question Center
0

コンテンツエリアをmenu_barの右側に表示する[閉じる] - Semalt

1 answers:

これは私のCSSコードです。私はcontent_areaをmenu_barの右側に来たいと思います。それはmenu_bar

の一番下に来ます。
   body {色:#000000;フォントファミリ:arial、san serif;}#container {
margin-left:10%;
margin-right:10%;
境界線:1ピクセルの無地#46A5E0;
幅:80%;
}#header {
margin-left:0. 5%;
margin-right:0. 5%;
margin-top:0 - tomar cursos por internet. 5%;
margin-bottom:1%;
境界線:1ピクセルの無地#46A5E0;
幅:99%;
高さ:10%;
}#pathway {
margin-left:0. 5%;
margin-right:0. 5%;
margin-top:0. 5%;
margin-bottom:1%;
境界線:1ピクセルの無地#46A5E0;
幅:99%;
高さ:3. 5%;
}#メニューバー{
margin-left:0. 5%;
margin-right:0. 5%;
margin-top:0. 5%;
margin-bottom:1%;
境界線:1ピクセルの無地#46A5E0;
幅:20%;
高さ:40%;
}#コンテンツエリア{
マージン左:25%
margin-right:0. 5%;
margin-top:0. 5%;
margin-bottom:1%;
境界線:1ピクセルの無地#46A5E0;
幅:20%;
高さ:40%;
}#footer
{margin-left:0. 5%; margin-right:0. 5%; margin-top:0. 5%; margin-bottom:1%;境界線:1ピクセルの無地#46A5E0;幅:99%;高さ:3. 5%;
}   

これはHTML

です。
   これは私の最初のページです。</ title><meta http-equiv = "Content-Type" content = "text / html; charset = iso-8859-1" /><link rel = "stylesheet" href = "スタイル/トースト. css "type =" text / css "/></ head><body><div id = "container"><div id = "header"><p class = "banner">これは私のヘッダーです </p>  </div> <! - これはバナー領域の終わりです - ><div id = "pathway">私の道はここに行く </div> <! - これは経路の終わりです - ><div id = "menu_bar"><div class = "menu"></ div </div> <! - メニューバーの最後 - ><div id = "content_area"> </div> <! - これはcontent_areaの終わりです - ><div id = "footer">これは私のフッターです </div>  </div> <! - これはコンテナの終わりです - >
</ body> </code>  </pre>  <p>  </p>  <p> これは、content_areaをmenu_barの下に移動する方法です。メニューバーの右に移動するにはどうすればいいですか?.  </p>  </div>  </div>  </html>  </head>                                         
February 11, 2018

適切な幅を設定しても、#content_areaと#menu_barにブロック要素を使用していると思います。.

ブロック要素は主な特性. 1- 可能な場合は100%の幅を埋める2- それらの前後の改行を自動的に追加する.

これは、この振る舞いに対処するいくつかの選択肢につながります.

まず、適切な幅を設定する. 第2に、フロートまたはポジションでそれらを配置する. また、内側のブロック要素が100%幅にならないようにしてください.