当一个容器内元素都浮动后,它将高度将不会随着内部元素高度的增加而增加,所以造成内容元素的显示超出了容器。
overflow:auto;是让高度自适应, zoom:1;是为了兼容IE6,也可以用height:1%;的方式来解决

1、浮动

  浮动是CSS中用到的最多的一个选项,他有三个性质。关于浮动我们要强调一点,永远不是一个东西单独浮动,浮动都是一起浮动,要浮动,大家都浮动。

  1.1 浮动元素脱离标准文档流

    1.1.1 大概描述:有两个盒子,一个盒子浮动,一个盒子不浮动。浮动的盒子会脱离标准文档流,不浮动的盒子会在标准文档流中成为第一个,所以两者出现覆盖现象。

    

    1.1.2 大概描述:一个行内标签在标准文档流中是不能设置宽高的,但是使用float使其脱离文档流之后,就可以对其设置宽高了。所有浮动的标签不会去区分行内标签和块级标签。也就是说: 一旦一个元素浮动了,那么,将能够并排了,并且能够设置宽高了。无论它原来是个div还是个span。

  1.2 浮动的元素互相贴靠 

    以float向左浮动为例:

    如果有足够空间,那么就会靠着2哥。如果没有足够的空间,那么会靠着1号大哥。

    如果没有足够的空间靠着1号大哥,自己去贴左墙。

    

  1.3 浮动元素有“自围”的效果

    自围效果就是:浮动的盒子可以遮盖文档标准流的第一个盒子,但是不会遮盖里面的文字,文字会围绕浮动的盒子显示。

    在CSS代码中让div浮动,p不浮动,那么p中的文字就睡形成这种自围效果。

<</span>div><</span>img src="data:images/1.jpg" alt="" />
</</span>div>
<</span>p>123文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字
</</span>p>

    

zoom:1是什么意思相关推荐

  1. Google Pixel 超分辨率--Super Resolution Zoom

    Google Pixel 超分辨率–Super Resolution Zoom Google 的Super Res Zoom技术,主要用于在zoom时增强画面细节以及提升在夜景下的效果. 文章的主要贡 ...

  2. 如何在SharePoint2010中添加Deep Zoom Image

    如何在SharePoint2010中添加Deep Zoom Image 应用范围 SharePoint 2010 Foundation:SharePoint 2010 Standard:SharePo ...

  3. 如何改变一个地图的Zoom单位

    mapControl1.Map.Zoom = new MapInfo.Geometry.Distance(mapControl1.Map.Zoom.value,MapInfo.Geometry.Dis ...

  4. 【MATLAB】交互式绘图(ginput,gtext,zoom)

    1.ginput指令: [x,y]=ginput(n)              %(其功能是用鼠标从二维图形中获取n个点的数据坐标) x=-8*pi:pi/100:8*pi; y1=sin(x); ...

  5. 客户花钱雇黑客,竟是为Zoom找bug:风口浪尖的视频会议No.1,安全问题如此魔幻...

    白交 鱼羊 发自 凹非寺 量子位 报道 | 公众号 QbitAI 客户花钱找黑客,帮你产品找Bug-- 这样的客户哪里找?这样的产品又究竟有怎样的福报? Zoom,疫情之下最火爆的视频会议公司,又上演 ...

  6. R语言使用gganimate包和ggforce包可视化动画并动态缩放(zoom)移动动画的内容

    R语言使用gganimate包和ggforce包可视化动画并动态缩放(zoom)移动动画的内容 目录 R语言使用gganimate包和ggforce包可视化动画并动态缩放(zoom)移动

  7. R语言ggplot2可视化散点图并使用scale_y_log10函数配置Y轴对数坐标、使用ggforce包的facet_zoom函数将可视化结果中需要突出放大的区域进行放大(Zoom in)

    R语言ggplot2可视化散点图并使用scale_y_log10函数配置Y轴对数坐标.使用ggforce包的facet_zoom函数将可视化结果中需要突出放大的区域进行放大(Zoom in) 目录

  8. 雪上加霜!股东向 Zoom 发起集体诉讼,索赔高额补偿

    点击上方"AI遇见机器学习",选择"星标"公众号 重磅干货,第一时间送达 内容概要:Zoom 在过去两周里,经历了前所未有的安全性质疑.而如今,再诚恳的解释信可 ...

  9. 曝出漏洞、企业禁用、紧急声明:Zoom 一周里经历了什么?

    点击上方"AI遇见机器学习",选择"星标"公众号 重磅干货,第一时间送达 内容概述:新冠肺炎疫情爆发以来,视频会议软件获得了飞速增长,其中 Zoom 更是以出色 ...

最新文章

  1. 最详细的----->一维数组实现杨辉三角
  2. 一个资深投行女销售和低调IT创业男的故事
  3. java runtime shell_java Runtime.exec()执行shell/cmd命令:常见的几种陷阱与一种完善实现...
  4. sklearn中cross_validation包无法使用
  5. day13 迭代器和生成器
  6. [翻译 EF Core in Action 2.3] 理解EF Core数据库查询
  7. Linux快速查找库文件位置
  8. 用c#算成绩的总和_用c#编写输出成绩的总分和平均分
  9. 图解ZooKeeper的典型应用场景(转载)
  10. CE修改器使用教程 [基础篇]
  11. 知识传输革命即将到来
  12. windows聚焦壁纸不更新_如何解决Win10聚焦锁屏壁纸不自动更新的问题
  13. pwnable之bof
  14. 数据结构基础之基础(数据、计算机结构)
  15. 什么是UID、UED、UXD、IXD、UCD、IAD,看这篇就足够了
  16. html打折代码,HTML打折计算价格原理与脚本代码
  17. ABR与ASBR是什么?区别又是什么?
  18. Android Framework:深入探索 AIDL 数据流动
  19. 破解Navicat全家桶
  20. 【论文笔记】Towards Privacy-Preserving Affect Recognition: A Two-Level Deep Learning Architecture

热门文章

  1. 有了链路日志增强,排查Bug小意思啦!
  2. 2021 最新版 Spring Boot 速记教程
  3. Java8 快速实现List转map 、分组、过滤等操作
  4. Paxos、Raft不是一致性算法/协议?
  5. 谈谈计算机行业的秋招和春招
  6. 【廖雪峰python入门笔记】for循环
  7. ICLR 2022初审你得了多少分?平均4.93浮动,预测6分才被接收
  8. 从Google Scholar看各大科技公司的科研水平
  9. NLP/CV模型跨界进行到底,视觉Transformer要赶超CNN?
  10. 携Science封面、NIPS最佳论文,CMU大神Noam博士毕业,论文已公开