→ 12.5℃ / 2.7℃ 64.6kg | 23.8% am. 105↑ 81↓ 88/min | pm. 103↑ 69↓ 79/min 暖か長袖下着 + 長袖Tシャツ + 長ボクサーパンツ + 暖かパッチ 綿ソッ …
日: 2018年11月8日
要素の高さを親要素の高さに合わせる
floatした左右の divの高さを自動で合わせたい 以下のコードみたいな感じで floatした左右の divの高さを自動で揃えたいときってあるんだよね。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <div class="parent clearfix"> <h2>これは親要素。</h2> <div class="children-a"> <h3>これは小要素の左側</h3> <p>ここにどれだけの文章や画像が入るか分からないから高さも安定しないわな。</p> <h3>吾輩は猫である</h3> <p>吾輩は猫である。名前はまだ無い。</p> <p>どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であったそうだ。この書生というのは時々我々を捕えて煮て食うという話である。しかしその当時は何という考もなかったから別段恐しいとも思わなかった。ただ彼の掌に載せられてスーと持ち上げられた時何だかフワフワした感じがあったばかりである。</p> </div> <div class="children-b"> <h3>これは小要素の右側</h3> <p>左側と高さを合わせたいんだよね。</p> </div> </div> |
…