月: 2018年11月

日常

歪むTHETAの画像

2018/11/09 | by 管理人 | にコメントを残す

14.5℃ / 11.6℃ 64.6kg | 23.9% am. 103↑ 79↓ 71/min ｜ pm. 98↑ 69↓ 75/min 暖か長袖下着＋長袖Ｔシャツ＋長ボクサーパンツ＋暖かパッチ綿ソックス …

の続きを読む

日常

行き止まり

2018/11/08 | by 管理人 | にコメントを残す

→ 12.5℃ / 2.7℃ 64.6kg | 23.8% am. 105↑ 81↓ 88/min ｜ pm. 103↑ 69↓ 79/min 暖か長袖下着＋長袖Ｔシャツ＋長ボクサーパンツ＋暖かパッチ綿ソッ …

の続きを読む

HTML/CSS

要素の高さを親要素の高さに合わせる

2018/11/082018/11/08 | by 管理人 | にコメントを残す

floatした左右の divの高さを自動で合わせたい以下のコードみたいな感じで floatした左右の divの高さを自動で揃えたいときってあるんだよね。

<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>

<h2>これは親要素。</h2>

<h3>これは小要素の左側</h3>

<p>ここにどれだけの文章や画像が入るか分からないから高さも安定しないわな。</p>

<h3>吾輩は猫である</h3>

<p>吾輩は猫である。名前はまだ無い。</p>

<p>どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であったそうだ。この書生というのは時々我々を捕えて煮て食うという話である。しかしその当時は何という考もなかったから別段恐しいとも思わなかった。ただ彼の掌に載せられてスーと持ち上げられた時何だかフワフワした感じがあったばかりである。</p>

</div>

<h3>これは小要素の右側</h3>

<p>左側と高さを合わせたいんだよね。</p>

</div>

…

の続きを読む