浮动元素与兄弟之间的关系 速记 1211
标准情况
红浮蓝标
红浮蓝浮
黄盒子加入 标准流的盒子
浮动的粉色盒子来了
现象
跟随在标准流的盒子后面
不会俞越标准流
理解方式
标准流的盒子，是人界
浮动的盒子，是幽灵
当我们进行排队的时候
人，可以抢占幽灵的位置
但是
幽灵是不会占在人的位置的，幽灵惧怕人的阳气
来了一个绿盒子 标准流的
粉色盒子变成了标准流
绿色的盒子会跑到粉色盒子的后面
来了一个金色的盒子排第一个
金色的盒子是标准流
思考，后面的盒子如何排序
原则：
人可以抢幽灵的位置
幽灵一定不会抢人的位置
标准流的盒子会占据浮动盒子位置
浮动盒子不会占据标准流的位置
让绿色的盒子浮动
看上去是没有什么效果
又来一个盒子 lightblue
浮动元素与兄弟之间的关系 速记 1211相关推荐
- 数据结构中数据、数据对象、数据元素、数据项之间的关系
数据.数据对象.数据元素.数据项 我们在学习数据结构时首先熟悉的一定是这四个名词,那么在数据家族里这四位成员都是什么关系呢? 严蔚敏的数据结构c语言版一书中解释是这样的: 数据:是客观事物的符号表示, ...
- 离散数学反对称关系_【离散数学】1.2＆1.3集合与元素，集合与集合之间的关系...
离散数学是编程人员进阶的必修科目,是计算机专业学生的基础课程之一,多为理论性知识,较抽象. [离散数学]第一章(集合论基础)的小节主要有: 1.1集合的定义和表示 1.2集合与元素的关系 1.3集合与 ...
- （一）数据结构的起源，常见的名词解释，数据元素之间的关系
何为数据结构? 待处理的数据以及数据之间的关系 数据元素之间一种或多种特定关系的集合 数据结构的起源 一开始计算机是计算数值用的,所以当人们使用计算机解决实际问题的时候,首先需要从具体问题中抽象出一个 ...
- CSS定位布局display/float/position属性之间的关系/区别和如何使用取值行为机制
float: left|right; 可以自动排列自动折行, 但需要clear来配合清除浮动; display: inline-block; 有些时候可以替代float实现相同的效果. positio ...
- 通过构建城市来解释HTML，CSS和JavaScript之间的关系
by Kevin Kononenko 凯文·科诺年科(Kevin Kononenko) 通过构建城市来解释HTML,CSS和JavaScript之间的关系 (The relationship betw ...
- Python中怎样改变集合之间的关系?
Python中怎样改变集合之间的关系?数学中,两个集合关系的常见操作包括:交集.并集.差集.补集.设A,B是两个集合,集合关系的操作介绍如下: 交集是指属于集合A且属于集合B的元素所组成的集合, 并集 ...
- FPGA设计心得（13）aurora的线速率及其用户时钟之间的关系？
文章目录 长话短说 aurora的用户时钟频率是多少? aurora的用户时钟的来源? 总结 长话短说 由于工作很忙,所以一直没有时间来胡乱写写,需要注意的是文章内容不涉及任何秘密,纯粹来源自公开的数 ...
- 常见Web技术之间的关系，你了解多少？
------------------------------------------------------------------------------------------------- ...
- Spring-bean之间的关系
概述 继承 实例 依赖 实例 引用 实例 总结 概述 不但可以通过<ref>引用另外一个bean,建立起Bean和Bean之间的依赖关系, bean元素标签之间也可以建立类似的关系,完成一 ...
最新文章
- grep 正则表达式
- 【Flutter】Dart 数据类型 ( var 数据类型 | Object 数据类型 )
- GFS架构启示 | Google File System
- Linux下查看文件占用空间大小的du 和df 命令
- js 用迭代器模式优雅的处理递归问题
- [paper reading] GoogLeNet
- PostgreSQL在何处处理 sql查询之五十三
- zabbix多图同屏展示——“聚合图形”简单使用
- 微信公众号文章 html,微信公众号文章爬取
- 计算机系统概述-为什么要学习计算机系统基础
- 《大道至简》，悟在天成——读后有感
- 数组输出c语言getchar,C语言入门 — getchar
- go语言学习-Any类型
- 削峰填谷，你只知道消息队列？
- android直接gpu中取纹理数据,[Android-Camera开发]Android平台Camera实时预览数据处理即实时滤镜实现方法探讨（二）--GPUImage探讨...
- java8 collectors_java8的Collectors.reducing(）
- 阅读《迁移学习简明手册》总结（二）
- （信贷风控十五）评分卡分数切分、授信额度与利率定价
- 好用的Java工具类
- QQ钱包,微信,京东钱包,百度钱包,支付宝AGENT
热门文章
- tsc - error TS2304 Cannot find name 'Set'/'Promise'
- 【mongodb】couldn't connect to server 127.0.0.1:27017 (127.0.0.1)
- js数字累加 · 递增动画 - 封装篇
- 网站站长综合seo在线查询工具源码
- 电脑版剪映v0.6.9内测版
- 微信程序短视频去水印源码 开源产品未加密未授权相关文章
- 使用常识 | 如何在word中添加勾选框
- 鸿蒙之光一星辰是什么意思,如果说安卓的目标是太阳，那么鸿蒙的目标就是星辰大海...
- 视频会议系统OpenMeetings v5.1.0源码
- c#中abstract与virtual的区别