親要素の横幅を基準値にして子要素の縦幅を決めたい。 理由はわからないのですが、子要素に擬似要素でpadding-top;100%を指定するとできるようです。なぜ？ 一応デモページへのリンクです。 デモページ See the Pen 親要素の横幅を基準に正方形の要素を生成…