マージン/パディングの使い方 (margin / padding)
参考:
Using Percent for Margin and Padding | MattSnider.com
margin
参考:
margin におけるパーセント指定
margin-top
/ margin-bottom
についても親要素の横幅が基準となる。
参考:
CSS で上下 margin のパーセント (%) 指定が上手く行かない原因 | かきしちカンパニー Web Magazine
レスポンシブ Web デザインでハマりがちな % 指定 │ Design Spice
CSS の上下パーセント指定が難しいのは親要素の幅で決まるから | おち研 技術部
margin-top を % で指定したら横幅に依存するようになった。| teratail
What You Don’t Know About Calculating Percentage Margins in CSS | Hongkiat
Why are margin/padding percentages in CSS always calculated against width? – Stack Overflow
パーセントと px を同時に指定する (calc)
参考:
Can we define min-margin and max-margin, max-padding and min-padding in css? – Stack Overflow
マージンをレスポンシブにする
参考:
min-margin、max-margin、min-padding、max-padding を Sass とメディアクエリで実装。| OCLOCKTEN