回答編集履歴

1

追記

2019/03/15 15:34

投稿

s8_chu
s8_chu

スコア14731

test CHANGED
@@ -1,4 +1,4 @@
1
- とある要素を共通の祖先要素として持つ 2 つの子孫要素の高さを揃えたいときは、**共通の祖先要素から子孫要素へと辿ってゆき、 [CSS Flexible Box Layout](https://www.w3.org/TR/css-flexbox-1/) や [CSS Grid Layout](https://www.w3.org/TR/css-grid-1/) などを用いて高さを揃えてゆけば良い**です。今回の場合、質問者さんの実現したいことは、 [CSS Flexible Box Layout](https://www.w3.org/TR/css-flexbox-1/) を用いて、以下のように行うことが出来ます。
1
+ とある要素を共通の祖先要素として持つ 2 つの子孫要素の高さを揃えたいときは、**共通の祖先要素から子孫要素へと辿ってゆき、 [CSS Flexible Box Layout](https://www.w3.org/TR/css-flexbox-1/) や [CSS Grid Layout](https://www.w3.org/TR/css-grid-1/) などを用いて高さを揃えてゆけば良い**です。今回の場合、質問者さんの実現したいことは、 [CSS Flexible Box Layout](https://www.w3.org/TR/css-flexbox-1/) を用いて、以下のように行うことが出来ます([動作確認用リンク](https://codepen.io/anon/pen/bZvKod))
2
2
 
3
3
 
4
4