本篇文章给大家谈谈css外边距垂直塌陷，以及html外边距塌陷对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。
本文目录一览：
CSS中margin和padding的区别
padding：所有浏览器都支持padding属性、任何版本IE都不支持属性值“inherit”。margin：所有浏览器都支持margin属性、任何版本IE都不支持属性值“inherit”。
CSS中margin和padding的区别如下：定义方面的区别：边界（margin）：元素周围生成额外的空白区。“空白区”通常是指其他元素不能出现且父元素背景可见的区域。
div>margin是对外的，padding是对内的。margin 在一个声明中设置所有外边距属性。margin-bottom 设置元素的下外边距。margin-left 设置元素的左外边距。margin-right 设置元素的右外边距。
margin在css中什么意思
margin在css中表示外边距，指元素边框与相邻元素边框之间的空白区域。在CSS（层叠样式表）中，margin是用来定义元素周围的外边距（margin）的属性。外边距是指元素边框与相邻元素边框之间的空白区域。
margin在css中的意思是外边距。margin，是CSS语法，这个简写属性用于在一个声明中设置所有当前或者指定元素所有外边距的宽度，或者设置各边上外边距的宽度。margin简写属性在一个声明中设置所有当前或者指定元素外边距属性。
marign是外边距， padding是内边距。
margin是指从自身边框到另一个容器边框之间的距离，就是容器外距离。padding是指自身边框到自身内部另一个容器边框之间的距离，就是容器内距离。
CSS margin指的是元素边框与周围元素边框之间的距离，或者说是元素之间的空白区域。可通过CSS来设置元素的margin，通常可设置四个属性值来控制上下左右的间距。
在css中什么叫高度垂直塌陷
在文档流中，父元素的高度默认是被子元素撑开的，即子元素多高，父元素多高。但是为子元素设置浮动后，子元素会完全脱离文档流，此时会导致子元素无法撑起父元素，父元素高度塌陷。
在文档流中，父元素的高度默认是被子元素撑开的，也就是子元素多高，父元素就多高。但是当子元素设置浮动之后，子元素会完全脱离文档流，此时将会导致子元素无法撑起父元素的高度，导致父元素的高度塌陷。
子元素就会跳出父元素的边界（脱离文档流），尤其是当父元素的高度为auto时，而父元素中又没有其它非浮动的可见元素时，父盒子的高度就会直接塌陷为零， 我们称这是CSS高度塌陷。
首先我们先看出现外边距塌陷的三种情况：当上下相邻的两个块级元素相遇，上面的元素有下边距margin-bottom，下面的元素有上边距margin-top，则它们之间的垂直距离取两个值中的较大者。
相比于这样的效果，我们更希望即使子元素设置为浮动，但父元素依然可以包裹住子元素（或者说是有着子元素的高度，不至于塌陷）。
css外边距垂直塌陷的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html外边距塌陷、css外边距垂直塌陷的信息别忘了在本站进行查找喔。
[免责声明]本文来源于网络，不代表本站立场，如转载内容涉及版权等问题，请联系邮箱:83115484@qq.com，我们会予以删除相关文章，保证您的权利。 转载请注明出处：http://www.fengdengtech.com/post/3339.html
相关推荐
-
javascript如何制作元素,javascript 创建元素
大家好，今天小编关注到一个比较有意思的话题，就是关于javascript如何制作元素的问题，于是小编就整理了4个相关介绍javascript如何制作元素的解答，让我们一起看看吧。js中获取元素的方法？如何通过js给某个元素设置样式？js怎么...
2025-01-05 -
html语言隐藏按钮,html隐藏按钮hidden
大家好，今天小编关注到一个比较有意思的话题，就是关于html语言隐藏按钮的问题，于是小编就整理了3个相关介绍html语言隐藏按钮的解答，让我们一起看看吧。html如何设置隐藏的块固定位置？在HTML中隐藏某段代码，不在页面显示，但是还在运行...
2025-01-05 -
html标签案例分析,html标签总结
大家好，今天小编关注到一个比较有意思的话题，就是关于html标签案例分析的问题，于是小编就整理了2个相关介绍html标签案例分析的解答，让我们一起看看吧。html的标签和元素是什么区别？属性又是什么？html中设置字体大小的有font标签和...
2025-01-05 -
css3选择符实战详解,css3选择符有哪些
大家好，今天小编关注到一个比较有意思的话题，就是关于css3选择符实战详解的问题，于是小编就整理了1个相关介绍css3选择符实战详解的解答，让我们一起看看吧。css规则定义有哪些选择符？css规则定义有哪些选择符？css选择符（选择器）有以...
2025-01-05 -
css有没有父类选择器,css 父选择器
大家好，今天小编关注到一个比较有意思的话题，就是关于css有没有父类选择器的问题，于是小编就整理了2个相关介绍css有没有父类选择器的解答，让我们一起看看吧。father在css中是父元素吗？html中的父元素指的是什么？father在cs...
2025-01-05 -
html里面div属性,html中div属性
大家好，今天小编关注到一个比较有意思的话题，就是关于html里面div属性的问题，于是小编就整理了3个相关介绍html里面div属性的解答，让我们一起看看吧。css中的div的宽高用的px和设置字体是用的px相同吗。如何理解他们的px啊;...
2025-01-05 -
html元素汇总,html元素总结
大家好，今天小编关注到一个比较有意思的话题，就是关于html元素汇总的问题，于是小编就整理了1个相关介绍html元素汇总的解答，让我们一起看看吧。htmlh2标签是什么元素？htmlh2标签是什么元素？HTML<h2&a...
2025-01-05 -
css当中选择器分为几种,css当中选择器分为几种类型
大家好，今天小编关注到一个比较有意思的话题，就是关于css当中选择器分为几种的问题，于是小编就整理了2个相关介绍css当中选择器分为几种的解答，让我们一起看看吧。CSS的类选择器和id选择器各有什么优势，在实际开发中的情况是什么样的？CSS...
2025-01-04 -
原生javascript遍历li,原生js遍历数组的方法
大家好，今天小编关注到一个比较有意思的话题，就是关于原生javascript遍历li的问题，于是小编就整理了4个相关介绍原生javascript遍历li的解答，让我们一起看看吧。怎么用js获取上传文件的完整路径？怎么用js获取上传文件的完整...
2025-01-04 -
javascript集合删除元素,js集合删除某个元素
大家好，今天小编关注到一个比较有意思的话题，就是关于javascript集合删除元素的问题，于是小编就整理了3个相关介绍javascript集合删除元素的解答，让我们一起看看吧。JavaScript中如何高效删除数组中的某个元素？js实现动...
2025-01-04
