CSS3教程

当前位置: HTML5技术网 > CSS3教程 > CSS3 定位| Position研究

CSS3 定位| Position研究

视区(视口)
       当浏览者查看一份网页文件时,通常使用者代理(User Agents, UA, 浏览器)会提供给浏览者一个视区(视窗或者是画面里的其它可视区域)。当我们调整视区大小时,UA 就有可能会改变文件上布局。
       当视区比文件所呈现的Canvas 区域还小时,UA 可能会提供一个卷轴的机制来让您一窥文件的全貌。理论上每个Canvas 最多只能有一个视区,不过UA 可以产生一个以上的Canvas(例如在同一份文件上提供不同的可视区域, 如框架格)。
承载区块(包含块)
       如果一些box的位置与大小是以其它相关的「矩行方块」的边缘(edges)来计算的话,我们就将这样的「矩行方块」称之为承载区块(Containing Blocks)。再简单的讲,所谓承载区块指的是,离「该元素」最近的区块级亲代元素;无论「该元素」的定位或者是浮动,皆是以它的承载区块来做参考基准(除了fixed定位方式)。
       底下是一个简单的承载区块示意图(demo-two 的承载区块为demo-one)。


       •当亲代元素为区块型元素时,其承载区块的大小是到内缘距离。

       •当亲代元素为单列型元素时,其承载区块的大小是到内容边缘。


正常流向(正常流量)


       什么是正常流向呢?由上而下、由左至右这样的走向就是所谓的正常流向;我们拿超文件标记语言来说好了,其原始码撰写的方向是从上而下由左至右,这就是正常流向。而浏览器也是依据这样的走向来解译(直译)我们的原始码。


       换个角度来说,在大部分的情况下,正常流向指的是在网页里头,显示元素标签的方式。另外,多数的HTML元素标签都是属于inline box或blockbox。block box里可以包含inline box;反之,inline box里不能包含有blockbox。


位置


所属的

【CSS3 定位| Position研究】相关文章

1. CSS3 定位| Position研究

2. web前端css定位position和浮动float

3. Telefónica与Mozilla开拓基于HTML5互联网设备

4. MocoSpace收购地理定位游戏平台Geocade

5. 研究称iOS在HTML5表现上远超Android

6. 为LBS添彩 HTML5 Geolocation定位应用

7. HTML5 postMessage 和 onmessage API 详细应用

8. 中国移动研究院院长:Flash过渡到HTML5

9. 美国国家标准与技术研究院发布云计算路线图

10. 研究称HTML5或需更多时间才能战胜本地化应用

本文来源:https://www.51html5.com/a1060.html

点击展开全部

﹝CSS3 定位| Position研究﹞相关内容