问题：给元素设置 float：right，发现给父元素加的margin-bottom:15px失效（其实不是失效，是因为父元素高度塌陷所以页面效果没有达到）
呈现效果
对应样式
解决：在给父元素.el-mine-new-btn设置了overflow: hidden;属性以后问题解决。
overflow: hidden;------- 溢出隐藏:当内容超过其父元素时，可以使用该属性和值将溢出的部分裁剪掉，使页面更加美观,也可以清除浮动，当给子元素设置浮动时，给父元素添加overflow:hidden,按照它具有裁剪超出部分的性质，应该将子元素超出的部分裁剪，但是因为子元素设置了浮动，无法裁剪，所以只能由父元素增加高度去包裹住子元素，使得父元素拥有了高度，而这个高度是跟随子元素自适应的高度，这样就把浮动的子元素包含在父元素了。
加了overflow:hidden以后，页面呈现正常效果：如下：
正常显示（加了overflow:hidden以后）
高度塌陷 父元素撑起子元素的宽高度 但通过float设置子元素分离 这就是高度塌陷 BFC 设置模块的打开和关闭，...
高度塌陷： 定义：父元素没有设置高度，子元素设置了浮动（float）属性解决办法：清除浮动（仅清除浮动的负面影响，...
问题：给元素设置 float：right，发现给父元素加的margin-bottom:15px失效（其实不是失效，...
父元素是由子元素抻开的，子元素设置了浮动之后，子元素就脱离文档流了，父元素无法抻开，就会形成高度塌陷解决高度塌陷B...
什么是高度塌陷:父元素不设置高和宽,由子元素把父元素撑起来,但是会发生高度塌陷问题。
1.子元素浮动导致父元素高度(父元素坍塌) 未设置高度的父元素中，如果有子元素浮动(float)，由于子元素不占据...
float元素 浮动会让元素塌陷。即被浮动元素的父元素不具有高度。例如一个父元素包含了浮动元素，它将塌陷具有零高度...
本来父元素是由子元素抻开的，子元素设置了浮动之后，子元素就脱离文档流了，父元素无法抻开，就会形成高度塌陷 解决高度...
本来父元素是由子元素抻开的，子元素设置了浮动之后，子元素就脱离文档流了，父元素无法抻开，就会形成高度塌陷 解决高度...
本来父元素是由子元素抻开的，子元素设置了浮动之后，子元素就脱离文档流了，父元素无法抻开，就会形成高度塌陷 解决高度...
本文标题：子元素设置float，父元素高度塌陷
本文链接：https://www.haomeiwen.com/subject/btspihtx.html
网友评论