|
阅读：2711回复：0
前端 浮动带来的影响及解决方法一、浮动 浮动的元素会脱离标准流，不会再保留原先的的位置；浮动的元素会在一行内显示并根据元素顶部对齐，浮动的元素是互相贴靠在一起（没有缝隙），如果父级宽度装不下这些浮动的盒子，多出的盒子会另起一行对齐；浮动的元素会具有行内块元素的特性。 二、浮动的影响 1、父元素的高度塌陷 当父元素没有设置宽高或者子元素的宽高大于父元素，当子元素设置浮动脱离了标准流，父元素不能被子元素撑大，造成高度塌陷。 2、浮动元素变成了行内块级元素（在一行显示，可以设置宽高） 三、清除浮动 清除浮动的本质是清除浮动元素脱离标准流造成的影响1.给父元素设置高度 2.给父元素添加一个最小的块级子元素，给儿子设置 clesr:both; 3.给父元素设置overflow：hidden; 4.给父元素设置伪元素after overflow与clear的区别 overflow清除浮动不会增加元素，比较方便，对于绝对定位的元素不能清除。 clear清除会增加新元素，性能较低，可以清除任何元素的浮动。 |
|
公众号
