清除浮动的方法

技术清除浮动的方法 清除浮动的方法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)

相关推荐

  • 怎样进行PostgreSQL数据库入门

    技术怎样进行PostgreSQL数据库入门本篇文章为大家展示了怎样进行PostgreSQL数据库入门,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。安装、设置、创建和开始使用 Po

    攻略 2021年11月29日
  • Java内存模型指的是什么

    技术Java内存模型指的是什么本篇内容介绍了“Java内存模型指的是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!J

    攻略 2021年11月24日
  • ivy的配置和使用是怎样的

    技术ivy的配置和使用是怎样的本篇文章给大家分享的是有关ivy的配置和使用是怎样的,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。maven很强大,但也有令人

    攻略 2021年11月10日
  • javascript条件式访问属性和箭头函数的示例分析

    技术javascript条件式访问属性和箭头函数的示例分析这篇文章主要介绍了javascript条件式访问属性和箭头函数的示例分析,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编

    攻略 2021年11月14日
  • 酵母粉是什么,干酵母粉的主要成分是什么

    技术酵母粉是什么,干酵母粉的主要成分是什么干酵母粉的主要成分是B族维生素酵母粉是什么、及叶酸、肌醇、转化酶、麦芽糖酶等。干酵母又称酵母,为麦酒酵母或葡萄汁酵母的干燥菌体。其富含的B族维生素是体内酶系统的重要组成物质,及叶

    生活 2021年10月25日
  • 如何使用Python和Prometheus跟踪天气

    技术如何使用Python和Prometheus跟踪天气如何使用Python和Prometheus跟踪天气,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能

    攻略 2021年10月26日