清除浮动的方法
1、直接设置父元素高度:
特点:
优点:简单、粗暴、方便;
缺点:在某些布局中,父元素的高度无法固定。比如:新闻榜,JD.COM推荐模式;
2、额外标签法:
(1)、操作:
在父元素内容的末尾添加块级元素;
设置明确:两者兼顾;对于添加的块级元素;
(2)特点:
缺点:页面会增加额外的标签,会使页面的HTML结构复杂化;
3、单一伪元素去除方法:
(1)操作:用虚拟元素替换多余的标签;
(1)、基础写作:
补充写作:
(2)特点:
?优点:用于项目中,直接给标签添加类就可以清除浮动;
4.双伪元素去除方法:
操作:
特点:
?优点:用于项目中,直接给标签添加类就可以清除浮动;
提示:before可用于消除外缘塌陷造成的影响;after用于消除浮动带来的影响;
5.设置溢出:隐藏;到父元素;
操作:设置溢出:隐藏;直接到父元素;
特点:
?优点:方便
内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/100411.html