写在前面

划重点
float的真正用途不是我们平时用于将同模块下的元素并行显示,也不是为了实现将元素放在某一特殊位置时使用!
float正真的作用是!各位老爷可以去考证!float的真正作用是叫做:是元素具有包裹性,最直观的体现效果就是我们world里面常用文字环绕图片

但因为我们工作中需要达到自己想要的效果,使用float去实现,导致了float失去了原本的用途。同时float的使用不当,也给我们带来了很多的问题

float页面样式,如果是在已经有样式的页面撰写新的代码,出现位置出差,可能是因为之前页面样式浮动造成的,
这个时候可以在出错的div或者标签写上
<style="float:none"/>
即表示这个div或者标签取消浮动,保持当前浮动样式;
css在处理浮动过程中,如果在浮动元素下方的元素定义了额外的样式,但不想受到上方浮动的影响,这个时
候可以使用 style=”clear:both;” 此方法定义的结果是取消全部样式,这里对去除浮动样式的影响比较适
用;

<style type="text/css"> .a {float:left} </style>
<div class="a">1</div>
<div class="a" style="float:none">2</div>
<div class="a">3</div><div style="float:left">1</div>
<div style="float:left;clear:right">2</div>
<div style="float:left">3</div>
</br>
<p>----------我是分割线-------------</p>
<div style="float:left">1</div>
<div style="float:left;clear:left">2</div>
<div style="float:left">3</div>
</br>
<p>----------我是分割线-------------</p>
<div style="float:left">1</div>
<div>2</div>
<div>3</div>
<div style="float:left">4</div>
<div>5</div>

float到底是干什么的?相关推荐

  1. python可以干嘛知乎-Python到底可以干什么?老男孩Python视频教程

    如果说挑选一门编程语言进行学习,你会选择哪个?当然是Python.Python是一门简单的编程语言,适合初学者学习,也是很多人都喜欢的语言,那么Python到底可以干什么?跟着老男孩教育来看看吧. P ...

  2. python主要是干什么用的-Python到底可以干什么?主要应用领域

    如果说挑选一门编程语言进行学习,你会选择哪个?当然是Python.Python是一门简单的编程语言,适合初学者学习,也是很多人都喜欢的语言,那么Python到底可以干什么? Python语言在学术上是 ...

  3. python到底能干啥-Python到底可以干什么?主要应用领域

    如果说挑选一门编程语言进行学习,你会选择哪个?当然是Python.Python是一门简单的编程语言,适合初学者学习,也是很多人都喜欢的语言,那么Python到底可以干什么? Python语言在学术上是 ...

  4. python到底是啥_Python语言中的__init__到底是干什么的?

    本文主要向大家介绍了Python语言中的__init__到底是干什么的?通过具体的内容向大家展示,希望对大家学习Python语言有所帮助. 看到Python中有个函数名比较奇特,__init__我知道 ...

  5. 从TP-Link到雷蛇,纷纷入局智能手机业到底想干什么?

    "眼看他起朱楼,眼看他宴宾客,眼看他楼塌了",这句形容世态炎凉的话其实与智能手机市场更为相像.诺基亚的辉煌与没落.黑莓的强势与消声无迹.摩托罗拉的数次易手.小米的横空出世与崛起.苹 ...

  6. 来客码到底是干什么的?

    重庆码码电子技术开发有限公司,是一家互联网科技技术开发公司,成立于2014年,注册资金1000万,位于重庆直辖市渝北区动力国际. 公司主要从事专业营销软件开发,扫码支付.公众号二次开发.企业商业模式设 ...

  7. 看看外贸业务员到底是干什么的?

    编者按:所谓知己知彼,方能百战不殆.无论是面临就业的大学生,还是考虑再择业的职场人,都离不开一个清晰的职场目标并为之不懈的努力.小编在这里对各行业进行信息梳理,希望对您有所帮助. 外贸业务员,工作挑战 ...

  8. 运维到底是干什么的?看完这篇你就懂了

    运维到底是干什么的?估计连运维工程师本身都不清楚,在百度上搜索也基本得不到答案,找了很多的运维老员工,终于总结出了运维工程师的工作内容: 一般来说,运维工程师都是说的互联网企业的运维师,通常属于技术部 ...

  9. 构造函数到底是干什么的?

    "构造函数到底是干什么的?",构造函数是初始化已创建好的对象中成员变量的,而不是创建对象的,不是,绝对不是,构造函数只是进一步为已创建的对象属性赋值对,使之更像"现实生活 ...

最新文章

  1. R语言ggplot2可视化:在选定数据点周围添加圆圈(Add Circles Around Select Data Points)
  2. python配置opencv最简单_(Python)从零开始,简单快速学机器仿人视觉Opencv—第二节:OpenCV的视频操作...
  3. C++ Primer 5th笔记(chap 17 标准库特殊设施)随机数
  4. Exp1 PC平台逆向破解 20164309 欧阳彧骁
  5. 我要偷偷学习C#,然后学习GIS二次开发之试题汇总(附答案)
  6. 计算机应用与软件是csci吗,计算机与信息技术学院
  7. 【转】Vue.js入门教程(一)从静态页面到前后端分离开发
  8. Okay 第一篇文章从java字符串开始
  9. 系统架构师学习笔记_第六章(下)_连载
  10. [Pa2013]Iloczyn
  11. Unity3D Slider控件(滑动条)
  12. 在Cocos2d-x中使用CocosBuilder
  13. java现代编译原理pdf脚本之家_详解编译器编译原理
  14. 遥感图像深度学习标注——分布式协同标注
  15. 配置Oracle VM Manager服务器虚拟化软件
  16. 牛客网——B 遥远的记忆
  17. OSPF的区域划分与路由计算概述
  18. uniapp猫眼电影小程序(附带猫眼电影api接口)
  19. 1167 Cartesian Tree
  20. CAD的那些装逼技巧!

热门文章

  1. jmeter测试网站登录
  2. 不同业务场景Cas客户端(Java业务系统)接入
  3. MySQL 06 事务、视图、索引、备份和恢复
  4. 计算机高配表要表格,为何高配电脑还会卡? 因为你没选择FreeSync套装
  5. GEO数据库中搜索数据
  6. 对于一个大于或等于3的正整数,判断它是不是一个素数。
  7. 【实践】——PowerBuilder登录+PB自带数据库
  8. 计算机键盘字母乱码,电脑键盘乱码怎么办 电脑键盘乱码原因及解决方法
  9. linux内核添加spi驱动,Linux内核驱动之spi子系统spi协议.docx
  10. 过滤器、拦截器、AOP、ControllerAdvcie的使用对比、执行顺序及代码教程