margin和padding的区别？

最新推荐文章于 2025-05-27 11:32:54 发布
最新推荐文章于 2025-05-27 11:32:54 发布
阅读量636 收藏 2
点赞数 1
CC 4.0 BY-SA版权
分类专栏： css 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/hu_lanlan/article/details/78455807
本文详细解释了CSS中Margin与Padding的区别：Margin用于隔开元素之间的间距，而Padding用于隔开元素与内容之间的间距。此外还介绍了Margin允许重叠且可以为负值，而Padding则不允许这些特性。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

这里写图片描述

（1）margin位于border之外，是容器外边距，用来隔开元素与元素的间距，padding位于border之内，是容器内边距，用来隔开元素与内容的间隔

（2）margin允许重叠，padding不允许

（3）margin允许出现负值，padding不允许

padding和margin区别
10-10
padding和margin区别 padding和margin区别 padding和margin区别padding和margin区别
Class与ID区别 margin和padding区别 CSS学习笔记
10-30
CSS学习笔记 - Class与ID区别、margin和padding区别 在CSS学习中，有两个非常重要的概念：Class与ID和margin与padding。虽然它们都是CSS中的基本概念，但是许多初学者却不知道它们的区别和使用场景。 Class与ID...
margin与padding的区别是什么？
weixin_34242658的博客
04-30 1204
margin与padding的区别是什么？ 目录 1.背景介绍 2.知识剖析 3.常见问题 4.解决方案 5.编码实战 6.扩展思考 7.参考文献 8.更多讨论 1.背景介绍 什么是margin 什么是padding 我们在进行网页制作时都会遇到为元素设定边距的情况，边距又分为内边距和外边距，即margin和padding. margin和padding是在html中的盒模型的基础上出现的， ma...
margin 和 padding 分别适合什么场景使用？别再混用了！
最新发布
残影的博客
05-27 669
本篇文章聚焦前端方向的经典基础面试题：“margin和padding有什么区别？”以及它们分别适合在哪些实际场景中使用。这是每个前端开发者必须掌握的 CSS 基础知识，但基础不代表简单，真正的高手能在布局、组件封装、浏览器兼容性等维度举一反三，展现出对前端视觉与交互精度的理解。margin与padding虽小，但体现了一个前端开发者对页面结构、视觉层级、交互体验的理解深度。面试中把它答到位，能体现你基础扎实、细节严谨，同时也在暗示你有良好的 CSS 工程思维。
Padding和Margin区别
Active的博客
06-14 1303
Padding是控件的内容相对控件的边缘的边距而Margin是控件边缘相对于其他控件的边距
Margin 与 Padding 的区别
gui597651737的专栏
08-24 457
1.Margin    用来设置页面中一个元素所占空间的边缘到相邻元素之间的距离.    如果提供全部四个参数值，将按上－右－下－左的顺序作用于四边。    如果只提供一个，将用于全部的四边。    如果提供两个，第一个用于上－下，第二个用于左－右。    如果提供三个，第一个用于上，第二个用于左－右，第三个用于下。    在IE4+，margin属性不可用于td和tr对象。
padding与margin的区别
sengeiou的专栏
12-30 6428
一、对于几个概念的比较模糊的这里记录一些：  padding margin都是边距的含义，关键问题得明白是什么相对什么的边距．  padding是控件的内容相对控件的边缘的边距．  margin是控件边缘相对父空间的边距．    android:gravity　属性是对该view 内容的限定．比如一个button 上面的text. 你可以设置该text 在view的靠
CSS中margin和padding的区别浅析
09-24
在CSS中margin是指从自身边框到另一个容器边框之间的距离，就是容器外距离。在CSS中padding是指自身边框到自身内部另一个容器边框之间的距离，就是容器内距离。下面讲解 padding和margin常用的用法
设置margin和padding为0可去掉DIV与DIV的空白
09-25
在本段中，我们将详细探讨如何通过调整margin和padding属性来消除之间的空白间隙，以及使用overflow:hidden来进一步处理可能的问题。 首先，我们需要了解margin和padding的含义及其作用。margin指的是元素边框与其...
Padding和Margin有什么区别？
06-06
Padding和Margin是两个常用的CSS属性，其主要区别在于它们所影响的元素不同。Padding是指元素内部边缘和内容之间的距离，而Margin则是指元素外部边缘和其它元素之间的距离。 具体来说，Padding是指元素内部边框和...
Margin 与Padding的区别
m0_59181747的博客
07-12 8367
margin是外边距，即盒子与盒子之间的距离，而padding是内边距，是盒子的边与盒子内部元素的距离。margin是用来隔开元素与元素的间距；padding是用来隔开元素与内容的间隔。 例如两个文本框的距离使用margin，文本框的边框和文本内容之间的距离使用paddingmargin是指从自身边框到另一个容器边框之间的距离，就是容器外距离。 padding是指自身边框到自身内部另一个容器边框之间的距离，就是容器内距离。...
Padding 和 Margin 的区别详解
My_wife_QBL的博客
07-09 8141
padding属性用于设置元素内容与其边框之间的间距。换句话说，padding是元素内部的空间，它位于元素内容和边框之间。padding可以应用于元素的四个边（上、右、下、左），也可以分别设置每个边的值。margin属性用于设置元素与其相邻元素之间的间距。换句话说，margin是元素外部的空间，它位于元素边框与其他元素之间。margin同样可以应用于元素的四个边，也可以分别设置每个边的值。
padding和margin的区别是什么？
赶路人儿
09-28 990
通俗地说—— padding 就是内容与边框的距离； margin 就是边框与其他元素的距离。
padding和margin的区别?
booklb的专栏
05-04 515
padding和margin的区别是什么？
Padding 和 Margin的区别
qq_43361844的博客
01-07 356
Margin 是指从控件本身边框到另一个控件边框之间的距离，就是控件外距离。(外边距) Padding 是指控件本身边框到本身内部控件边框的一个距离，就是控件内距离。(内边距)
padding和margin的区别
weixin_30553837的博客
03-27 89
padding，含义为“填充”，像垫肩压类似的填充物，一个控件的padding及此控件内部的填充，由此可见padding是以所被定义的控件A为 parent控件，而内部的内容物与控件A的间距。而layout_margin是A控件所在的控件为parent控件，是A与其的间距。 转载于:https://www.cnblogs.com/rainhome/p/5325620.html...
内边距（padding）/外边距 （margin）
狂奔的黑驴
06-22 2948
 margin是指从自身边框到另一个容器边框之间的距离，就是容器外距离。（外边距） padding是指自身边框到自身内部另一个容器边框之间的距离，就是容器内距离。（内边距）...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值