清除浮动的方法

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

相关推荐

  • 小雪诗句,关于“小雪”的诗句有哪些

    技术小雪诗句,关于“小雪”的诗句有哪些关于“小雪”的诗句小雪诗句: 1、《小雪》唐·戴叔伦
    花雪随风不厌看,更多还肯失林峦。愁人正在书窗下,一片飞来一片寒。
    2、《小雪日戏题绝句》唐·张登
    甲子徒推小雪天,刺梧犹绿

    2021年10月27日
  • 束发之年,古代女子及笄的年龄是多少

    技术束发之年,古代女子及笄的年龄是多少及笄的年龄是15周岁束发之年。 及笄[jī]:笄,本来是指古代束发用的簪子。古代女子一般到15岁以后,就把头发盘起来,并用簪子绾住,表示已经成年。“及笄”即年满15岁的女子。 男子十

    生活 2021年10月25日
  • .Net Core如何配置与实现自动更新

    技术.Net Core如何配置与实现自动更新这篇文章给大家分享的是有关.Net Core如何配置与实现自动更新的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。.Net Core 将之前Web.C

    攻略 2021年11月21日
  • Steam游戏代理加速服务器首选香港服务器香港主机

    技术Steam游戏代理加速服务器首选香港服务器香港主机随着很多游戏的火爆,现在玩Steam国际服的玩家越来越多,虽然也有很多游戏加速器提供此类网络优化服务,但是如果不充值昂贵的VIP会员的话根本无法满足用户的需求,此外由

    礼包 2021年10月19日
  • 如何使用Performance Schema查看Profiling

    技术如何使用Performance Schema查看Profiling小编给大家分享一下如何使用Performance Schema查看Profiling,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!S

    攻略 2021年10月27日
  • 控制流程语句

    技术控制流程语句 控制流程语句控制流程语句:
    语句:就是使用分号分的代码就是一个语句。
    顺序语句:就式从上往下执行所有代码就是语句。int i = 3;  //声明变量语句;  //空语句Sstem.o

    礼包 2021年12月13日