css 如何用bottom来定位

html-css025

css 如何用bottom来定位,第1张

语法: bottom : auto | length

取值: auto :  默认值。

无特殊定位,根据HTML定位规则在文档流中分配

length :  由浮点数字和单位标识符组成的长度值 | 百分数。必须定义 position 属性值为 absolute 或者 relative 此取值方可生效。

说明:检索或设置对象与其最近一个具有定位设置的父对象底边相关的位置。此属性仅仅在对象的定位( position )属性被设置时可用。否则,此属性设置会被忽略。此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。对应的脚本特性为 bottom 。其值为一字符串,所以不可用于脚本(scripts)中的计算。请使用 style 对象的 posBottom , pixelBottom 等运行时特性。

示例: div { position: absolutebottom: 1in} div { position:relativebottom:6px}

为负数就是向反方向移动。

比如

<div style="margin-right:5px"></div><div></div>

这两个div中间应该空5px,因为左边的div在右边留有5px的边距。

如果改成<div style="margin-right:-3px"></div><div></div>

意思就是这两个div不仅中间没空,而且还有3px的部分是重叠在一起的。

自己写几个div试验下就知道了。

绝对定位(absolute)意思是:将被赋予此定位方法的对象从文档流中拖出,使用left,right,top, bottom等属性相对于其最接近的一个最有定位设置的父级对象进行绝对定位,如果对象的父级没有设置定位属性,即还是遵循HTML定位规则的。

相对定位(relative)意思:对象不可层叠,依据left,right,top,bottom等属性在正常文档流中偏移自身位置。同样可以用z-index分层设计。

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。