css中脱离文档流的理解
来源:互联网 发布:python post 下载文件 编辑:程序博客网 时间:2024/06/05 04:59
上次去面试一家公司,那家公司的技术总监问我什么叫脱离文档流,当时我一下愣住了,这个是作为一个前端工作者在工作中经常会遇到的问题,我们频繁地用着,然而却不能用语言表达出它的意思。我不由得思考为什么会这样,如果下次有人问我同样的问题,我又将如何作答呢?
首先从“脱离文档流”这几个字可以看出,它是在脱离开来的,其他元素的布局排版不被影响,对于其他元素来说它就是不存在的。
css中的绝对定位(absolute)属于脱离文档流,而它的定位则取决于它的父元素有没有定位(position),如果有,那么它就根据定位了得父元素来定位,如果没有,它就得一级一级继续往上找,直到找到body。
css中还有一个浮动(float)也是脱离文档流的,但是它与绝对定位的脱离文档流有所不同,当它脱离文档流的时候其他元素依然会当这个元素不存在,但是其他元素盒子中的文本仍然会环绕在这个元素周围。
0 0
- css中脱离文档流的理解
- css中脱离文档流是什么意思
- css中脱离文档流解惑
- CSS脱离文档流
- css脱离文档流
- CSS之脱离文档流
- 关于css脱离标准文档流的两种方式
- html/css DOM脱离文档流的几种情况
- css脱离文档流到底是什么意思
- CSS浮动框是否脱离文档流?
- CSS布局之脱离文档流详解——浮动、绝对定位脱离文档流的区别
- CSS布局之脱离文档流详解——浮动、绝对定位脱离文档流的区别
- html/css基础篇——DOM中关于脱离文档流的几种情况分析
- HTML中是否脱离文档流
- css 绝对定位、浮动中的脱离文档流
- 完全理解float之“不完全脱离文档流”
- 脱离文档流
- 脱离文档流
- twisted的异步库汇总-- mysql,redis,mongo,zmq,sockjs等
- Xshell连接CentOS问题分析
- Fiddler教程
- [BZOJ1208] [HNOI2004]宠物收养所
- iOS内购IAP及交易安全相关(以游戏道具购买为例)
- css中脱离文档流的理解
- iOS NSUserDefaults
- 结构型模式之桥接模式
- lamp服务器搭建问题
- 第五周 习题
- 使用UIView动画完成一个下雪动画
- 迭代式完美
- C语音 变量与内存
- VS2008非托管c++访问webservice服务