清除浮动的方法

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

相关推荐

  • 怎么实现mysql读写分离

    技术怎么实现mysql读写分离这篇文章主要介绍“怎么实现mysql读写分离”,在日常操作中,相信很多人在怎么实现mysql读写分离问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”怎么实现my

    攻略 2021年11月18日
  • C#windowsform 连接数据库

    技术C#windowsform 连接数据库 C#windowsform 连接数据库using System;
    using System.Collections.Generic;
    using System

    礼包 2021年11月14日
  • 驾驶证学习,考驾照都需要看哪些书籍

    技术驾驶证学习,考驾照都需要看哪些书籍考驾照,到驾校报名的时候会发一本学习用的书,可以从那个开始驾驶证学习。第一步要准备的是学习理论知识,备考科目一,同时也顺道把科目四看看。第二步参加驾校组织的技能学习,和教练好好学习。

    生活 2021年10月20日
  • Oracle物理DG自动切换中Dataguard Broker如何配置

    技术Oracle物理DG自动切换中Dataguard Broker如何配置这篇文章主要介绍了Oracle物理DG自动切换中Dataguard Broker如何配置,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完

    攻略 2021年12月8日
  • 使用docker容器化部署mysql

    技术使用docker容器化部署mysql 使用docker容器化部署mysqlwindows 安装 docker参考菜鸟教程下载安装 Docker Desktop Installer.exe
    因为要开启

    礼包 2021年10月28日
  • C++怎么将帮助函数和它们支持的类放在同一命名空间

    技术C++怎么将帮助函数和它们支持的类放在同一命名空间这篇文章主要讲解了“C++怎么将帮助函数和它们支持的类放在同一命名空间”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“

    攻略 2021年11月25日