前端：marginpaddingfloat一篇文章彻底理解

Posted 2021-12-29 平凡加班狗

系列文章目录

文章目录

• 系列文章目录
• margin —— 意思是 边距
• • margin的4个取值
• padding —— 意思是填充
• float —— 意思是浮动
• 总结 —— 这些玩意要自己敲一下，然后去谷歌浏览器里面调一调就很好理解了

margin —— 意思是 边距

正常情况下盒子之间实惠互相重叠在一起的
我们还可以根据谷歌浏览器自带的调试工具看到margin、padding的具体值，注意浏览器一般都会有默认的或者容错值

margin的4个取值

padding —— 意思是填充

其实就是跟它的名字一样，就是填充

float —— 意思是浮动

意思就是让盒子浮起来
如下

总结 —— 这些玩意要自己敲一下，然后去谷歌浏览器里面调一调就很好理解了