ホームページ  >  記事  >  ウェブフロントエンド  >  float の問題、これは間違っています_html/css_WEB-ITnose

float の問題、これは間違っています_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-21 09:40:47905ブラウズ

結果は、a が b をカバーするはずです。以下のc。

ディスカッションへの返信 (解決策)

結果は、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>

試してみてください

私もテストをしました
bが浮かばない場合
はaでカバーされます
この本は完全に正しいわけではありません

もしかしたら本が古すぎるのかもしれません。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。