JS
1.构造函数
2.高度塌陷
当所有子元素浮动的时候,且父元素没有设置高度,这时候父元素就会产生高度塌陷
解决办法:1.父级加overflow:hidden,
原因:
我们先了解一个名词:BFC(block formatting context),中文为“块级格式化上下文”。
先记住一个原则:如果一个元素具有BFC,那么内部元素再怎么翻江倒海,翻云覆雨,都不会影响外面的元素。所以,BFC元素是不可能发生margin重叠的,因为margin重叠会影响外面的元素的;BFC元素也可以用来清楚浮动带来的影响,因为如果不清楚,子元素浮动则会造成父元素高度塌陷,必然会影响后面元素的布局和定位,这显然有违BFC元素的子元素不会影响外部元素的设定。
以下情况会触发BFC:
- <html>根元素
- float的值不为none
- overflow的值为auto,scroll,hidden
- display的值为table-cell,table-caption和inline--block中的任何一个
- position的值不为relative和static
显然我们在设置overflow值为hidden时使container元素具有BFC,那么子元素child浮动便不会带来父元素的高度坍塌影响。
2.在浮动的元素后加一个空标签css :clear:both