清除浮动造成的影响的解决方案总结

1、将设置float的元素的父元素也设置float。

  缺点:很有可能不符合情况要求

2、设置父元素的position为absolute,前提是父元素的父元素并没有设置position:relative。

  缺点:很有可能不符合情况要求

3、设置父元素的overflow为hidden。

  尚不知晓,猜测是只能清除浮动带来的父元素塌陷,但无法闭合浮动(待验证)

4、设置父元素的display为inline-block。

  缺点:可能不符合情况要求。

5、设置父元素的zoom为1。

  缺点:zoom为IE私有属性

6、浮动元素的下方加入额外的元素<br style="clear:both;" />

  缺点:增加额外的标签使HTML结构看起来不够简洁

7、使用after伪类(此方法目前应用较广)

some:after{

  content:".";

  height:0;

  visibility:hidden;

  display:block;

  clear:both;

}

转载于:https://www.cnblogs.com/charling/p/3360208.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/408440.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

2020年周记(1/50)

总第 112 篇文章&#xff0c;本文大约 1200 字&#xff0c;阅读大约需要 3 分钟正如标题所言&#xff0c;希望 2020 年能写满 50 篇周记吧&#xff0c;刚好前两周没有发&#xff0c;所以希望接下来每周完成一篇。周记的内容主要是这几方面的内容&#xff1a;工作学习阅读&…

react学习(16)---getFieldDecorator赋值

<Row gutter{12}><Col span{12}><Form.Item label"名称">{getFieldDecorator(name, {rules: [{ required: true, message: 活动名称不能为空 }],})(<Input placeholder"请输入" />)}</Form.Item></Col></Row>

python版代码整洁之道

总第 113 篇文章&#xff0c;本文大约 8000 字&#xff0c;阅读大约需要 20 分钟原文&#xff1a;https://github.com/zedr/clean-code-pythonpython 版的代码整洁之道。目录如下所示&#xff1a;介绍变量函数1. 介绍软件工程的原则&#xff0c;来自 Robert C. Martins 的书--《…

react学习(17)----ant design格式化日期

<Row gutter{12}><Col span{12}><Form.Item label"活动结束时间">{getFieldDecorator(endTimeLong, {rules: [{ required: true, message: 活动结束时间不能为空 }],})(<DatePicker format"YYYY-MM-DD HH:mm:ss" />)}</Form.It…

MVC 3.0错误 HTTP 404您正在查找的资源(或者它的一个依赖项)可能已被移除,或其名称已更改,或暂时不可用。请检查以下 URL 并确保其拼写正确。...

MVC3.0框架开发项目&#xff1a; 有时在程序运行的时候会出现“HTTP 404。您正在查找的资源(或者它的一个依赖项)可能已被移除&#xff0c;或其名称已更改&#xff0c;或暂时不可用。请检查以下 URL 并确保其拼写正确。”的错误提示。 在这里我们以运行时打开登录页面&#xff…

2020年1月总结

总第 114 篇文章&#xff0c;本文大约 1300 字&#xff0c;阅读大约需要 4 分钟这是 2020 年的第一篇月总结&#xff0c;总结的内容和周记差不多&#xff0c;也还是从这几个方面进行总结&#xff1a;工作学习阅读&写作2月计划工作这个月的工作时间大概是2周多一点&#xff…

python技巧(1)--如何转换itertools.chain对象为数组

总第 115 篇文章&#xff0c;本文大约 900 字&#xff0c;阅读大约需要 3 分钟之前做1月总结的时候说过希望每天或者每2天开始的更新一些学习笔记&#xff0c;这是开始的第一篇。这篇介绍的是如何把一个 itertools.chain 对象转换为一个数组。参考 stackoverflow 上的一个回答&…

asp.net如何给每张图片动态添加水印方法(二)

第一步&#xff0c;在App_Code中新建一个类&#xff0c;类名为BookCoverHandler&#xff0c;然后代码如下 using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Drawing; using System.Drawing.Imaging; using System.IO; ///…

python技巧(2)--碾平列表和列表去重

总第 116 篇文章&#xff0c;本文大约 1000 字&#xff0c;阅读大约需要 3 分钟今天介绍和列表相关的两个小技巧&#xff1a;碾平列表&#xff08;flatten list&#xff09;&#xff0c;也就是列表里的元素也带有列表的情况&#xff1b;列表去重&#xff0c;保留原始顺序和不保…

typedef struct 是什么意思

typedef用于定义一种新类型例如定义了如下的结构typedef struct student{int age;int score;}STUDENT;那么则有STUDENT stu1;就相当于struct student stu1&#xff1b;上面的结构也可以直接定义为&#xff1a;typedef struct {int age;int score;}STUDENT;然后将STUDENT作为新…

react学习(19)----可以通过设置默认值去回调

const {dispatch,activity: { cmsPopupList [] },} this.props;

原来电脑并不需要重装系统才能恢复出厂设置,这个操作学起来!

前言 小伙伴们应该都知道手机上有恢复出厂设置的功能&#xff0c;如果想要把手机送给朋友或者卖给别人&#xff0c;就会先恢复出厂设置。 但换到Windows电脑上之后&#xff0c;如果出现同样的情况&#xff0c;就会第一时间想到重装系统。就好像Windows电脑上不存在恢复出厂设…

2020年周记(2/50)

总第 117 篇文章&#xff0c;本文大约 1400 字&#xff0c;阅读大约需要 5 分钟因为春节假期的延长&#xff0c;中间还是休息过长&#xff0c;少了两周的周记了&#xff0c;这是2020年的第二篇周记&#xff0c;内容还是这几个方面&#xff1a;工作学习阅读&写作其他下周计划…

网站权重与排名浅谈

网站权重与排名浅谈  网站权重定义&#xff1a;搜索引擎给网站总体赋予一定的权威值&#xff08;现今这个是一个没有确切的数据&#xff09;&#xff0c;对网站总体权威的评估或者评价&#xff0c;一个网站权重越高&#xff0c;在搜索引擎所占的份量越大&#xff0c;&#xf…

一日一学:返回排序好的列表的索引顺序

总第 118 篇文章&#xff0c;本文大约 700 字&#xff0c;阅读大约需要 2 分钟今天介绍的是对列表排序后&#xff0c;返回排序好的索引顺序。问题描述&#xff1a;给定一个列表 [2, 3, 1, 4, 5] &#xff0c;怎么返回排序后的索引顺序&#xff0c;即 [2,0,1,3,4] ?解决方法&a…

react学习(21)---接口加回调显示

this.props.dispatch({type: activity/addActivityPopup,payload: params,callback: (res) > {if (res.returnCode 0) {message.success(新增成功);} else {message.error(res.returnMsg);}},});

给不了你的幸福

对你的好感从没减少过。我也许真的是个懦弱的人&#xff0c;一直没有真正的对你表露过我自己内心真实的想法。我脸皮薄&#xff0c;那种死皮赖脸的追求办法就是想做也做不出来。一直和你尴尬的相处着&#xff0c;希望从和你聊天的过程中得知你的近况。即使再忙&#xff0c;哪怕…

2020年周记(3/50)

总第 119 篇文章&#xff0c;本文大约 700 字&#xff0c;阅读大约需要 2 分钟第三篇周记&#xff0c;依然在家办公的一周。工作学习阅读&写作其他下周计划ps. 昨天发文章后才发现有些地方需要修改&#xff0c;所以删除了发出的文章&#xff0c;修改后再发出来&#xff1…