css属性margin和padding、border的详解

代码部分





  
  
  
  Document
  



  
margin详解

图解

css属性margin和padding、border的详解_第1张图片

此时的宽高需要加上30*2+20*2,box-sizing默认属性是content-box

如果把box-sizing设置为border-box:

图解:

css属性margin和padding、border的详解_第2张图片

宽高不变不需要加padding和border值

margin外边距合并:

图解:

css属性margin和padding、border的详解_第3张图片

 

 

你可能感兴趣的:(css)