パディングとスタックの設定(DLデータあり)
パディングとスタックを使ったデザインをすると、下の動画の右側のように、背景が正しく追従しないことがありませんか?
左のように正しく設定するコツは以下の2つです。
1. パディングを適用したフォルダーの直下のレイヤーは2つまで
単一レイヤーでもグループでも構いません。
例えば以下のような形です。(divにパディングを適用しています)
こうすることで、コンテンツと背景がわかりやすくなります。
2. コーディングを意識したレイヤー構成
パディングやスタックを使用する場合、特にHTMLの構成と似てきます。そこで、コーディングを意識すると正しい挙動に近づきます。(専門ではないのでコードが正しいかわかりませんが…)
データDL
今回のデータはこちらからDLできます。
この記事が気に入ったらサポートをしてみませんか?