ホームページ > 記事 > ウェブフロントエンド > float:left が効果を持たない理由_html/css_WEB-ITnose
float:left が効果を持たない理由_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:42:351974ブラウズ
今日 HTML を学び始めましたが、float:left; のどこが間違っていたのかわかりません。
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>css--4</title></head><style type="text/css">div.a{ background:##CCFFFF; width:100px; height:25px; border:5px 15px solid #CCFFCC; margin:1px 2px; text-align:center; color:#999999; font-size:15px; line-height:22px; font-weight:bold; float:left; } div.b{ background:#CCFFFF; width:1100px; height:25px; border:5px solid #CCFFCC; margin:1px 2px; }</style><body><div class="a">首页</div><div class="b"></div></body></html>
ディスカッションに返信 (解決策)
ブラウザベース
width:1100px; これは使用しないでください
幅:110 0px; これは要りません
ありがとうございます。確かに削除されました。それは問題ありませんが、削除したほうが良い理由を教えていただけますか。よくわかりません。 。 。
width:1100px; これは必要ありません
ありがとう、確かに削除するのは良いことですが、なぜ削除するのが良いのか教えていただけますか? 。 。
display:block ブロックの width 属性のデフォルト値は auto なので、自動的に行全体を埋めます。
次の blockl が auto の場合、float は現在の行の一部を占有します。現在の行を埋めます (コンテンツの幅が現在の行を超えない場合)
上記は非常に一般的なものです
詳細については、自分で情報を見つける必要があります
width:1100px; これは必要ありません
ありがとう、削除しても大丈夫ですが、削除したほうが良い理由を説明できますか？ 。 。 ありがとう、自分で見てみる、、、、
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。