关于包含块(containing block)的理解
来源:互联网 发布:市政工程计算软件 编辑:程序博客网 时间:2024/06/10 04:22
概念:
元素的尺寸和位置的计算往往是由该元素所在的包含块决定的,包含块就是为它里面包含的元素定位提供一个初始位置,它是一片长方形的区域。一般元素用到position定位时,因需要确定定位的初始位置,就需要清楚什么是包含块。(为便与理解,个人做了简单的描述,不一定是标准解释)。
包含块:
1、在HTML中,html元素就是一个包含块(即初始包含块)。
2、如果元素的定位(position)为:relative或static(默认静态定位)。
它的包含块就是由它最近的块级(或含块属性)祖先元素创建。
3、如果元素的定位(position)为:fixed,它的包含块由窗口创建,
定位起始位置为窗口左上角
4、如果元素的定位(position)为:absolute,它的包含块由最近的position为:
relative、absolute、fixed的祖先元素创建。
其中的祖先元素尽量是块级元素,行内元素会产生一些兼容问题。
更具体可参考包含块文档:点击打开链接
0 0
- 关于包含块(containing block)的理解
- 包含块(containing block)学习
- CSS核心:包含块(Containing Block)
- 什么是CSS包含块(Containing Block)
- CSS包含块(Containing Block)
- CSS概念之包含块(containing block)
- CSS包含块(the containing block)和与之相关的百分比属性
- Definition of "containing block" 细说包含块
- 浅谈CSS包含块Containing Block
- css笔记:包含块(Containing Block)
- css 包含块(Containing Box)
- 关于iOS的block块代码的理解
- 关于iOS的block块代码的理解
- 【分享】说说标准——CSS核心可视化格式模型(visual formatting model)之一:包含块(containing block)
- block块的一些理解
- Containing Block
- IOS(二)块语法block 的理解与使用
- 如何判断盒子的containing block
- Java socket 访问网页
- java中的clone()方法的研究---(1)自定义的类如何才可以被clone
- #pragma
- JAVA数据库连接池原理(24K纯手工打造)
- 编译工具的选择
- 关于包含块(containing block)的理解
- 4.22~
- 网络策划
- 进程间的通信方式
- ssm实现数据查询和添加
- 【iOS开发-quartz2d】制作图片水印
- linux - nfspy
- LeetCode-Longest Palindromic Substring
- 使用Django来处理对于静态文件的请求