CSS教程:CSS中的定位(position)
使用CSS来定位页面内层的位置,一直是比较难以掌握的事情,很多时候,往往被绝对定位的元素,总是以浏览器的左上角为坐标原点,此时,如果浏览器的大小改变,被定义的层就会偏离设计想要的位置,让人很挠头。 在理解定位之前,首先,要先理解HTML文件的结构,例如有一个html文件内容如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>文档结构</title> </head> <body> <h1>CSS规则</h1> <p>样式表由一些<strong>样式规则</strong>组成。</p> <ul> <li>选择符 <ul> <li>类选择符</li> <li>ID选择符</li> <li><em>包含</em>选择符</li> </ul> </li> <li>属性</li> <li>值</li> </ul> </ul> </body> </html> 此文档对应的树型结构,如图2所示。 CSS大部分能力是基于元素的“父子”关系,在图2的家族树中,每个元素都是另一个元素的“父”或者“子”或者2者都是。例如:body既是html的子元素,又是h1的父元素,而html就是h1的祖先,h1则是html的子孙。 Body是所有浏览器能显示的元素的祖先,而html是所有元素的祖先,也称为“根元素”。 那为什么定位了的元素还总是以浏览器窗口的左上角为坐标呢? 因为并不是 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢! |