清除浮动的方法

技术清除浮动的方法 清除浮动的方法1、直接设置父元素高度:
特点:①、优点:简单粗暴,方便;②、缺点:有些布局中不能固定父元素的高度。例如:新闻列表、京东推荐模;2、额外标签法:
(1)、操作:①、在父

清除浮动的方法

1、直接设置父元素高度:

特点:

优点:简单、粗暴、方便;

缺点:在某些布局中,父元素的高度无法固定。比如:新闻榜,JD.COM推荐模式;

2、额外标签法:

(1)、操作:

在父元素内容的末尾添加块级元素;

设置明确:两者兼顾;对于添加的块级元素;

(2)特点:

缺点:页面会增加额外的标签,会使页面的HTML结构复杂化;

3、单一伪元素去除方法:

(1)操作:用虚拟元素替换多余的标签;

(1)、基础写作:

补充写作:

(2)特点:

?优点:用于项目中,直接给标签添加类就可以清除浮动;

4.双伪元素去除方法:

操作:

特点:

?优点:用于项目中,直接给标签添加类就可以清除浮动;

提示:before可用于消除外缘塌陷造成的影响;after用于消除浮动带来的影响;

5.设置溢出:隐藏;到父元素;

操作:设置溢出:隐藏;直接到父元素;

特点:

?优点:方便

内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/100411.html

(0)

相关推荐

  • 为什么代理IP让网络爬虫更快速抓取数据

    技术为什么代理IP让网络爬虫更快速抓取数据本篇文章为大家展示了为什么代理IP让网络爬虫更快速抓取数据,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。如今,很多人每天的工作都要与网络

    攻略 2021年10月28日
  • IE6有哪些常见CSS解析Bug

    技术IE6有哪些常见CSS解析Bug这篇文章主要讲解了“IE6有哪些常见CSS解析Bug”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“IE6有哪些常见CSS解析Bug”吧

    攻略 2021年12月10日
  • 怎么配置Magento2 system.xml dateTime时间

    技术怎么配置Magento2 system.xml dateTime时间这篇文章主要讲解了“怎么配置Magento2 system.xml dateTime时间”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小

    攻略 2021年11月12日
  • Python装饰器的相关知识点有哪些

    技术Python装饰器的相关知识点有哪些这篇文章主要介绍“Python装饰器的相关知识点有哪些”,在日常操作中,相信很多人在Python装饰器的相关知识点有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法

    攻略 2021年11月2日
  • UML对象图的示例分析

    技术UML对象图的示例分析这篇文章给大家分享的是有关UML对象图的示例分析的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。1.UML对象图对象图用于描述被建模系统的模型元素实例之间的结构化信息,

    攻略 2021年12月3日
  • 站内链接有什么作用

    技术站内链接有什么作用这篇文章主要介绍“站内链接有什么作用”,在日常操作中,相信很多人在站内链接有什么作用问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”站内链接有什么作用”的疑惑有所帮助!

    攻略 2021年11月2日