css清除浮动方法小结 一下方法是针对子元素浮动,导致父元素高度塌陷的问题 首先要明确一点,子元素浮动会导致两个塌陷,一个是父元素内部的塌陷,就是其他子元素占用了浮动子元素的位置。另外一个塌陷是因为父元素没有设置高度,导致父元素同级的元素占用了父元素的位置。 ①给父元素加上{overflow: hidden;*zoom:1};这种方法会解决父元素高度塌陷问题。也就是说和父元素同级的元素不会受父元素内子元素的影响。但是父元素内部的子元素直接还是会受某个子元素浮动的影响。 ②.father::after{content: '';display: block;clear: both;}这种方法解决的问题与方法一解决的问题是一样的 ③如果要解决父元素内部的子元素高度塌陷的问题,那么可以在浮动的子元素后面加上一个div 设置这个div的样式clear:both;这样其余的子元素就不会占用浮动的子元素的原来的位置。
展开
评论
评论
Ctrl + Enter