CSSコードの質問です。 画像の問題が理解できません。 解説をお願いします。 答え:420px 全て

CSSコードの質問です。

画像の問題が理解できません。
解説をお願いします。

答え:420px

全て足して360pxでは無いのでしょうか？

質問者からの補足コメント

• 

  参考にした画像です。

  
    補足日時：2019/11/08 03:15

No.1 ベストアンサー 回答者： sumbody 回答日時： 2019/11/08 04:36

よく知らないけど

左右にあるからｘ２が必要なんじゃないの

300 + ( 20 + 30 + 10 ) x 2 = 420

http://open.shonan.bunkyo.ac.jp/~ohtan/kouza/css …

No.2 回答者： chu-favo 回答日時： 2019/11/08 04:44

paddingもmarginもboarderも、上下左右にそれぞれ20、30、10なので、幅だけで言ったら、

300（横幅）+20（左）+20（右）+30（左）+30（右）+10（左）+10（右）
になります。
それぞれにleftやrightと書いてあれば、左だけ20とか右だけ30とかになりますが、何も書かれていなければ、基本は上下左右に適応されます。