CSS脱离文档流
来源:互联网 发布:江南大学网络教育平台 编辑:程序博客网 时间:2024/05/21 14:53
脱离文档流
也就是将元素从普通的布局排版中拿走,其他盒子在定位的时候,会当做脱离文档流的元素不存在而进行定位。需要注意的是,使用float脱离文档流时,其他盒子会无视这个元素,但其他盒子内的文本依然会为这个元素让出位置,环绕在周围。,其他盒子与其他盒子内的文本都会无视它。
float
如上图 div2实际被div1遮盖住了 我们可以将div2显示出来
原因可看层叠上下文
div2的内容(文本及图片)依然为div1元素让出位置,所以默认往下写也就到了div3所在的区域,但是其文本宽度依然受到其父div的宽度显示(2222连续写如英文单词一样默认不会拆开,中文会拆开换行)
position:absolute
div2和其内容无视了div1
position:relative
relative只是基于其本身位置发生偏移,会保留其原来的位置
absolute是基于其父亲(position元素)发生偏移,不保留原来的位置
float
float也类似与正常的布局 线性向下
阅读全文
0 0
- CSS脱离文档流
- css脱离文档流
- CSS之脱离文档流
- css脱离文档流到底是什么意思
- css中脱离文档流是什么意思
- css中脱离文档流的理解
- CSS浮动框是否脱离文档流?
- css中脱离文档流解惑
- 关于css脱离标准文档流的两种方式
- css 绝对定位、浮动中的脱离文档流
- html/css DOM脱离文档流的几种情况
- 脱离文档流
- 脱离文档流
- 脱离文档流
- 脱离文档流分析
- 脱离文档流分析
- CSS布局之脱离文档流详解——浮动、绝对定位脱离文档流的区别
- CSS布局之脱离文档流详解——浮动、绝对定位脱离文档流的区别
- NOIP2016提高组解题报告
- 用Python写网络爬虫
- Java中的重载和重写区别
- HDU 1237-简单计算器
- czl蒻蒟的一周总结(9.4~9.10)
- CSS脱离文档流
- JQuery判断表单格式
- 构建模式 Builder
- CCD类详解
- 利用U盘安装Redhat-server-Linux-7.1
- PAT (Advanced) 1008. Elevator (20)
- Java 3
- Leetcode220——Contains Duplicate II
- 04:数组逆序重放