清除浮动的方法

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

相关推荐

  • 在Oracle11g RAC环境下如何处理ORA-00845错误

    技术在Oracle11g RAC环境下如何处理ORA-00845错误这篇文章主要为大家展示了“在Oracle11g RAC环境下如何处理ORA-00845错误”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小

    攻略 2021年11月17日
  • 10ml大概是多少,10ml等于多少g/ml

    技术10ml大概是多少,10ml等于多少g/ml毫升和克是体积与重量的关系,要按密度来计算,水密度是1,10ml的水等于10克,油的密度小,10ml的油小于10克10ml大概是多少。 毫升是一个容积单位,跟立方厘米对应,

    生活 2021年10月19日
  • 如何随机获取oracle数据库中的任意一行数据

    技术如何随机获取oracle数据库中的任意一行数据小编给大家分享一下如何随机获取oracle数据库中的任意一行数据,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!对于rownum来说它是oracle系统顺

    攻略 2021年11月12日
  • JVM类加载机制是怎么样的

    技术JVM类加载机制是怎么样的本篇文章为大家展示了JVM类加载机制是怎么样的,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。1. java类加载运行过程 加载:加载字

    攻略 2021年10月23日
  • react中间事件怎么绑定(react事件绑定方法视频)

    技术怎么进行React事件绑定本篇文章给大家分享的是有关怎么进行React事件绑定,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。类组件事件绑定import

    攻略 2021年12月18日
  • postman中form-data在java中怎么实现(postman怎么传string数组)

    技术postman怎么实现传递ArrayList 给后台小编给大家分享一下postman怎么实现传递ArrayList 给后台,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!postman 传递 Arra

    攻略 2021年12月18日