CSS BOX 回顾


盗用一张图..少花点时间 



做个思维导图,




盒子的计算:不管是添加border,还是padding,margin ,只要不是单一方向参数的(单一只加一边)..

CSS BOX 实际大小 = 双倍增加参数 + 原来的大小
比如: 长宽400px的盒子,添加20px的border,那实际占用的宽度是440X440,,
若是一个盒子包含border ,margin, padding , 那么实际大小 = 原来的图 + 双倍添加的border,双倍添加的padding,双倍添加的margin
比如:border,padding,margin各全局添加30px,原图是400px ,那么实际占用 = 400 + 60 + 60 +60 = 580X580

CSS BOX 回顾,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。