CSS中margin和padding的区别
2016-06-19 · 做真实的自己 用良心做教育
千锋教育
千锋教育专注HTML5大前端、JavaEE、Python、人工智能、UI＆UE、云计算、全栈软件测试、大数据、物联网+嵌入式、Unity游戏开发、网络安全、互联网营销、Go语言等培训教育。
向TA提问
关注
![]()
展开全部
margin:是元素外边缘往外延伸的距离，，会改变元素的位置，不会改变元素的实际大小。
padding：是元素内边缘往内延伸的距离，会导致元素整体的大小增大。
比如一个元素宽度是100px，高度是100px，标记为①，
这个元素的右边再放一个元素也是100x100②
如果给②这个元素加个margin-left:10px; 两个元素之间就会拉开一个10px的距离，不会改变元素的实际大小
如果给②这个元素加个padding:10px; 会发现元素之间没有距离，还是挨着呢，但是会发现②这个元素变宽了，比100px大了，变成了110px
padding：是元素内边缘往内延伸的距离，会导致元素整体的大小增大。
比如一个元素宽度是100px，高度是100px，标记为①，
这个元素的右边再放一个元素也是100x100②
如果给②这个元素加个margin-left:10px; 两个元素之间就会拉开一个10px的距离，不会改变元素的实际大小
如果给②这个元素加个padding:10px; 会发现元素之间没有距离，还是挨着呢，但是会发现②这个元素变宽了，比100px大了，变成了110px
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
