HTML+CSS 子要素の幅を合計100%にしても崩れる時のチェックポイント - 株式会社ハナウタ - HANAUTA INC.こんにちは、オオニシです。2回目の投稿です。 最近マスク着けてる人を多く見かけるようになってきましたね。風邪やインフルなんかで年越ししないように、しっかり健康には気を付けていきましょう。 今日は、友人からウェブコーディングのヘルプを受けた内容でひとつ書いてみます。 子要素の幅を合計100%にしても崩れる さて、タイトルの通り本題です。 プライベートな時間で友人のサイトコーディングを手伝っていたら、こんなことを言われました。 慣れた方ならどこが原因なのかある程度目星を付けて調べられると思いますが、慣れないと対処にかなり時間とられてしまいます。 まずはfloatを使った場合の正常ケース <div style="width:100%;"> <div style="width:50%; height:20px; background-color:red; float: left;"></div>
