清除浮动的方法

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

相关推荐

  • Python怎么实现装饰器

    技术Python怎么实现装饰器小编给大家分享一下Python怎么实现装饰器,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!普通装饰器:直接上代码

    攻略 2021年11月2日
  • Linux下Tomcat怎样进行以非root用户执行特权操作

    技术Linux下Tomcat怎样进行以非root用户执行特权操作今天就跟大家聊聊有关Linux下Tomcat怎样进行以非root用户执行特权操作,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大

    攻略 2021年12月8日
  • 2019年上映的电影,最近一两年有哪些好看的电影

    技术2019年上映的电影,最近一两年有哪些好看的电影《美人皮》是由韩栋、张予曦、王艺曈、李若天、肖向飞、陶慧敏主演的悬疑奇幻电影,由蒲松龄原著《聊斋志异.连城》改编2019年上映的电影。谁应了谁的劫谁又变成了谁的执念。一

    生活 2021年10月29日
  • HBase的原理和架构是什么

    技术HBase的原理和架构是什么这篇文章主要为大家展示了“HBase的原理和架构是什么”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“HBase的原理和架构是什么”这篇文章吧。

    攻略 2021年12月9日
  • POSTGRESQL10.3源码如何安装主从搭建

    技术POSTGRESQL10.3源码如何安装主从搭建这篇文章将为大家详细讲解有关POSTGRESQL10.3源码如何安装主从搭建,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。一、下载P

    攻略 2021年11月10日
  • Python正则表达式技巧有哪些

    技术Python正则表达式技巧有哪些本篇内容介绍了“Python正则表达式技巧有哪些”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够

    攻略 2021年12月1日