CSS属性之CSS定位.pdfVIP

本电子书由站长百科()教程组制作 CSS 属性之 CSS 定位  出处：站长百科   原文地址：/wiki/CSS定位   本电子书整理自站长百科CSS定位词条，查看内容请访问网站。  目录 CSS属性之CSS定位 1 目录1 position2 z-index3 top4 right4 bottom5 left6 更多电子书6 IXWebHosting首家支持支付宝付款的美国主机商 赠送 15 个独立IP及 3 个免费域名 免备案中文网站 () 购 买 方 便 中 文 客 服 全 程 服 务 更 多 优 惠 码 ： http://www.ixwebhosting.bz/ixwebhosting-coupon/ 购买更超值  出处：站长百科   原文地址：/wiki/CSS 定位   本电子书整理自站长百科 CSS 定位词条，查看内容请访问网站。  本电子书由站长百科()教程组制作 推荐内容：WordPress免费主题 | WordPress免费插件 position 语法：position : static | absolute | fixed | relative 取值： static : 默认值。无特殊定位，对象遵循HTML定位规则 absolute : 将对象从文档流中拖出，使用 left ， right ， top ， bottom 等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位。如果不存在 这样的父对象，则依据 body 对象。而其层叠通过 z-index 属性定义 fixed : 未支持。对象定位遵从绝对(absolute)方式。但是要遵守一些规范 relative : 对象不可层叠，但将依据 left ， right ， top ， bottom 等 属性在正常文档流中偏移位置 说明： 检索对象的定位方式。 设置此属性值为 absolute 会将对象拖离出正常的文档流绝对定位而不考虑它 周围内容的布局。假如其他具有不同 z-index 属性的对象已经占据了给定的位 置，他们之间不会相互影响，而会在同一位置层叠。此时对象不具有外补丁 ( margin )，但仍有内补丁( padding )和边框( border )。 要激活对象的绝对(absolute)定位，必须指定 left ， right ， top ， bottom 属性中的至少一个，并且设置此属性值为 absolute 。否则上述属性会使用他们 的默认值 auto ，这将导致对象遵从正常的HTML布局规则，在前一个对象之后 立即被呈递。 设置此属性值为 relative 会保持对象在正常的HTML流中，但是它的位置可以 根据它的前一个对象进行偏移。在相对(relative)定位对象之后的文本或对象占 有他们自己的空间 而不会覆盖被定位对象的自然空间。与此不同的，在绝对 (absolute)定位对象之后的文本或对象在被定位对象被拖离正常文档流之前会 占有它的自然空 间。放置绝对(absolute)定位对象在可视区域之外会导致滚动  出处：站长百科   原文地址：/wiki/CSS 定位   本电子书整理自站长百科 CSS 定位词条，查看内容请访问网站。  本电子书由站长百科()教程组制作 条出现。而放置相对(relative)定位对象在可视区域之外，滚动条不会出现。 内容的尺寸会根据布局确定对象的尺寸。例如，设置一个 div 对象的 height 和 position 属性，则 div 对象的内容将决定它的宽度( width )。 此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。 对应的脚本特性为 position 。 示例：div { position:relative; top:-3px } z-index