コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > float:left が効果を持たない理由_html/css_WEB-ITnose

float:left が効果を持たない理由_html/css_WEB-ITnose

WBOY
リリース： 2016-06-24 11:42:35
オリジナル
2039 人が閲覧しました

今日 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; これは必要ありません


ありがとう、削除しても大丈夫ですが、削除したほうが良い理由を説明できますか？ 。 。 ありがとう、自分で見てみる、、、、
関連ラベル：
为什么float:left;但是没有效果
ソース：php.cn
前の記事：純粋な CSS3_html/css_WEB-ITnose によって実装されたフォーム入力の強調表示効果 次の記事：(翻訳) 垂直配置について: 知っておくべきこと_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
ページが突然 CSS またはブートストラップを取得できなくなります それで、私はページを開発しています。昨日その一部を実行してうまくいきました。そして今日は残りの作業を続けましたが、すべてがうまくいきました。通常の HTML ページとして開こうとす...
から 2024-04-06 21:58:04
0
1
800
for ループはランダムに 1 から 0 まで変化します 基本的に、ページが更新されるたびに、for ループは 1 から 0 に変化する可能性があります。なぜこのようなことが起こるのかはわかりませんが、画像を重ね合わせる方法に影響します。...
から 2024-04-06 16:48:14
0
1
393
Vue3 Webコンポーネントのプロダクションビルドの問題を解決する vue2web コンポーネントを vue3 に移行しようとしていますが、運用用のビルドを作成するときに問題が発生します。 --targetwc を指定して vue-cli を使用し...
から 2024-04-06 12:43:37
0
1
473
SUM を選択するときに隣接する列の順序を制御する SUM 経由で選択すると、返されるデータは 1 つのレコードにグループ化されますが、これは問題ありません。以下のクエリは合計を正しく返しますが、隣接する列の値は常に最も古いレコード...
から 2024-04-04 23:26:33
0
1
402
Python/MySQL は整数データを正しく保持できません ここではコードは必要ありません。ゲームを作成していてスコアを保存する必要があるため、非常に長い数値を保存したいと考えています。ただし、テストしてスコアを 25000000000 に...
から 2024-04-04 19:09:44
0
1
367
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート