清除浮动的方法

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

相关推荐

  • 手机牌子,打算买个手机,什么牌子好呢

    技术手机牌子,打算买个手机,什么牌子好呢感谢您的阅读!【价格2000-3000手机牌子,什么品牌的手机是可以去考虑的呢】我们在购买手机的时候一定会考虑到价格,而价格因素一定会影响我们对于手机的选择。那么在2000~300

    生活 2021年10月31日
  • 如何理解Java设计模式的代理模式

    技术如何理解Java设计模式的代理模式这篇文章将为大家详细讲解有关如何理解Java设计模式的代理模式,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。一、代理模式定义  为其

    攻略 2021年10月23日
  • ELK安装是怎样的

    技术ELK安装是怎样的这篇文章给大家介绍ELK安装是怎样的,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。一:安装环境: 1. VMware Workstation Pro 15 下载及安装

    攻略 2021年10月20日
  • 方便的英语,最短的英文单词50个加分

    技术方便的英语,最短的英文单词50个加分am law bit jar
    bear jaw
    by lot
    blue

    生活 2021年10月22日
  • 英文大小写26个字母,二十六个字母大小写小学英语

    技术英文大小写26个字母,二十六个字母大小写小学英语1、二十六个字母大小写书写顺序英文大小写26个字母:2、26个英文字母及发音音标如下: A a [ei] B b [bi:] C c [si:] D d [di:] E

    生活 2021年10月23日
  • 【Trie】最大异或对

    技术【Trie】最大异或对 【Trie】最大异或对【题目描述】
    在给定的N个整数A1,A2……AN中选出两个进行xor(异或)运算,得到的结果最大是多少
    输入格式
    第一行输入一个整数N。
    第二行输入N个

    礼包 2021年10月20日