清除浮动的方法

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

相关推荐

  • 螓怎么读,在问大侠荣威5501.8启螓版

    技术螓怎么读,在问大侠荣威5501.8启螓版你的是1螓怎么读。8T的吗带T的保养要贵一些,机油有讲究的,一定要按时换机油。另外最好热车和冷车。5年左右可能要换了,好几万噢,另外带T的发动机转速上去涡轮介入后发动机噪音会大

    生活 2021年10月24日
  • Hibernate主键的示例分析

    技术Hibernate主键的示例分析小编给大家分享一下Hibernate主键的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!Hiber

    攻略 2021年12月8日
  • 如何将Linux上的PDB数据库转移到windows上的CDB数据库

    技术怎么将Linux上的PDB数据库传输到windows的CDB数据库本篇内容主要讲解“怎么将Linux上的PDB数据库传输到windows的CDB数据库”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。

    攻略 2021年12月21日
  • JavaScript工作体系中不可或缺的函数是什么

    技术JavaScript工作体系中不可或缺的函数是什么本篇内容主要讲解“JavaScript工作体系中不可或缺的函数是什么”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Jav

    攻略 2021年11月29日
  • Socket基础知识有哪些

    技术Socket基础知识有哪些本篇文章给大家分享的是有关Socket基础知识有哪些,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。如何一步步掌握Socket相

    攻略 2021年11月25日
  • 4行4字的古诗,我要60首4行5字的古诗

    技术4行4字的古诗,我要60首4行5字的古诗1,静夜思4行4字的古诗。2,咏鹅。3,终南望余雪。4,登鹳雀楼。5,江雪。6,寻隐者不遇。7,江上渔者。8,夏日绝句。9,所见。10,春夜喜雨。11,八阵图。12,绝句。13

    生活 2021年10月23日