浮动新认知

float 属性可以说在实际项目中非常常见，有人将其归为定位属性，但是和定位不同的是，它会占据原来的位置，比如我如果放两个盒子在这第一个盒子浮动，那么第一个盒子就会覆盖住第二个盒子，说明第一个盒子脱离了文档流，并没有占据原来的位置，但是我们在写文字环绕浮动的时候，文字并没有被盒子覆盖，说明浮动只会占据行标签得位置，而块标签会覆盖住。并且快标签里面的行内容会被挤出来。

<body>
<div 

style="width:200px;height:200px;background:red;float:left"> 

</div>
<div 

style="width:210px;height:210px;background:blue;">12345
</div>
</body>

时间： 2024-07-30 10:17:52

浮动新认知的相关文章

【我拼搏的2016】python学习的新认知和培训期间

2016年12月16日:[我拼搏的2016]python学习的新认知和培训期间 一:自我介绍 我叫陈浩,我于2016年10月报名参加了由alex老师主讲的python培训班,希望能够通过学习后实现python安全和运维的学习计划. 二:对python新的认识 经过2个月的努力之后,我对python领域有了新的认知: 1.从以前不懂编程的小菜鸟到现在能看懂部分代码了,并完美的解释起来不费什么力气了. 2.认识了很多志同道合的python伙伴. 3.目前还在第三模块学习中,alex老师讲课风格比较生

近期工作以来对vue的新认知及使用心得（一）

本篇博客主要记录本人对Vue使用很顺畅的几个方面 一.深入浅出响应式原理 在这块你要去理解这几个词语,数据劫持(数据代理),依赖收集 ,发布订阅模式. vue 让我感触最深的是 数据驱动带来的魅力,那种牵一发而动全身,一变则万变的那种妙不可言! 在这里想问一问小伙伴在vue里那些选项中的数据可以直接被当前的 this 去调用呢? 首先60%的人会毫不犹豫的说 data 里定义的数据.嗯一看就是刚接触vue不深的小伙伴 其次就是会有一些经验的小伙伴会说computed中计算好了的数据(在这里一定有

新认知之WinForm窗体程序

Windows应用程序和控制台应用程序有很大的区别 >Form1.cs  :窗体文件,程序员对窗体编写的代码一般都存放在这个文件中. >Form1.Designer.cs :窗体设计文件,其中的代码是有Visual Studio自动生成的,一般不需要修改. >Form1.resx  :资源文件,用来配置当前窗体所使用的字符串,图片等资源. >Program.cs  :主程序文件,其中包含程序入口的Main()方法 Partial  >     在窗体类的前面多了一个parti

margin-left 和 margin-right 同时设为负值的新认知

之前对margin的理解,都是用来改变容器位置的,今天发现在特定情况下 ,margin也可以改变容器的大小. 当不指定容器的宽度(这里指的是具体值和百分比),即容器的宽度为width: auto时,同时给该容器的margin-left和margin-right设置一个负值,可以增大容器的宽度.(垂直方向上不是同理的) 案例代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> &l

新能源时代 电动汽车能成为中国走向世界的新名片吗？

当下,中国国内环境污染问题突出.雾霾.烟尘.PM2.5超标等,成为在国人头顶盘旋不去的阴霾.而其中的罪魁祸首之一,就是传统燃油汽车带来的尾气排放.在这样严峻的态势下,将以纯电动汽车为代表的新能源汽车推向更广阔的主流舞台,成为迫在眉睫之举.纯电动汽车的快速迭进,或将成为中国走向世界的新名片.而在这一迭进过程中,以普及纯电动汽车理念,加深大众新认知的营销必不可少. 新能源时代到来 转型背后营销充当先锋 无论从全球还是国内现状来看,以纯电动汽车为代表的新能源汽车的普及都是未来大趋势.12月下旬,在巴黎

数据与智能融合，新赛道的投资机会如何判断？

大数据领域经历了2013年开始的疯狂增长,2016年的断崖式下降,以及2018年以来的迭代复苏,单一的数据技术逐步与人工智能技术结合,应用场景从营销获客.金融风控等为主,转为与城市管理.工业制造等领域越来越深度的结合.大数据产业已进入2.0时代.新时代下,数据与智能融合,新赛道的投资机会如何判断? 中国计算机学会(CCF)大数据专家委员会,每年年底都会发布下一年的大数据发展十大趋势预测.回顾从2013年到2019年的第一大预测,可以发现有意思的发展轨迹:数据的资源化(2013).大数据从"概念&

写在新时代伊始

2019年的最后一天稀松平常,但年代之交这种人类自定义的巧合,也给许久没吐槽的我一些落笔的动力.我早就忘了十二岁的我曾对未来有何期待,但仍想给三十岁的自己一些回忆.又十个轮回后,明天或意外,还有那么大的分别吗? 大环境下的焦虑和愿景 在即将走出校园的时刻,我对社会大环境有了前所未有的焦虑.扩展了自己的认知边际后,感触越来越深刻的,无非是自己在社会中的渺小和无力.作为理科生,少有工科能直接改变周围环境的手段或途径,逐渐羡慕起投身科技行业内的变革者:同时对历史和政治的批判,加深了自身在制度和历史问题

H5浮动与定位

H5的奇妙之处就在于它的变幻莫测,接下来我想谈一下我对定位浮动的认知. 什么是浮动首先要了解什么是浮动:脱离文档流,默认在当前的行对既定的方向进行移动(默认横排). 用浮动可以解决什么问题使用浮动之前我们要想明白浮动都可以解决什么问题:比如我们要放一排的div或是img,我们故可以通过调试margin之类的属性解决,但是有时会发现即便如此有时仍会产生空隙,我们就可以通过浮动来解决这一问题.再比如有时后我们需要一些标签不会占据文档流的显示,这时候也可以选择使用. 浮动会出现什么问题但是浮动往往会产

【转】LaTeX 符号命令大全

函数.符号及特殊字符 声调 语法 效果 语法 效果 语法 效果 \bar{x} \acute{\eta} \check{\alpha} \grave{\eta} \breve{a} \ddot{y} \dot{x} \hat{\alpha} \tilde{\iota} 函数 语法 效果 语法 效果 语法 效果 \sin\theta \cos\theta \tan\theta \arcsin\frac{L}{r} \arccos\frac{T}{r} \arctan\frac{L}{T} \sin