欢迎来到电脑知识学习网,专业的电脑知识大全学习平台!

手机版

padding和margin的区别是什么(margin和padding的区别和用法)

网络知识 发布时间:2022-01-10 09:28:41



什么是margin、padding?margin和padding的区别和用法又是什么?小编告诉你。

marigin:就是外边距。padding:就是内边距。panda是熊猫大家都是知道吧,熊猫是我们中国的国宝而且都很可爱,所以看见padding就知道了是内边距是吧。

一、margin和padding的用法

padding和margin的区别是什么(margin和padding的区别和用法)(1)

二、其他的方法

margin和padding都是简写属性,他们可以直接在里面设置他们的属性。即:margin/padding:值 。但是这个样子写的话都把所有的值都设置了还能让其他的值都单个的写吗?方法是有的:

padding和margin的区别是什么(margin和padding的区别和用法)(2)

当你写的margin/padding写的没毛病的时候,他没有给显示出来我想要的结果是什么情况?

这种情况出现的时候请你先检查你的代码是否有问题,若是代码没有问题的话就是出现了BUG。那么该如何解决的?

当你的margin出现问题的时候只要在父元素中加入overflew:hidden 就可以解决它的问题。但是当你的父元素出现溢出情况的时候就回隐藏。

当你的padding出现问题的时候只要在元素中加入box-sizing:border-box 就可以解决它的问题。

希望小编分享的内容对大家有所帮助。

padding和margin的区别是什么(margin和padding的区别和用法)(3)


责任编辑:电脑知识学习网

网络知识