ホームページ >ウェブフロントエンド >htmlチュートリアル >float の問題、これは間違っています_html/css_WEB-ITnose
結果は、a が b をカバーするはずです。以下のc。
どんな結果が欲しいですか?通常の状況では、z インデックスは同じレイヤー上にあり、デフォルトの位置は、position: ABS ではなく static であるため、ブロックされません
本の意味によると
100db36a723c770d327fc0aef2ce13b1 ;頭>
0aef6c29155539544b90d680e11921fc
6c04bd5ca3fcae76e30b72ad730ca86d
c78ae02cfa788b21aaf34ff6196b3245a16b28748ea4df4d9c2150843fecfba68
6ac4ca8086d1c75c64a54f85b773520cb16b28748ea4df4d9c2150843fecfba68
fc4a012aad3345c2263979a80a7dad30c16b28748ea4df4d9c2150843fecfba68
36cc49f0c466276486e50c850b7e4956
38cfdec836742c2ff0d15d10ead67f5d
結果は次のとおりです:
私も初心者ですが、ブロック B が A の下にあると感じます。ブロック B を A に従わせたい場合は、B に float を追加する必要があります。
<html> <head> <style type="text/css"> #a,#b,#c { width:100px; height:100px; background:red; } #b { float:left; } #b{background:yellow;} #c{background:blue;} </style> </head> <body> <div id="a">a</div> <div id="b">b</div> <div id="c">c</div> </body> </html>