定义和用法
位置属性设置或返回用于一个元件定位方法的类型(static, relative, absolute or fixed) 。
浏览器支持
位置属性在所有主流浏览器的支持。
句法
返回position属性：
object .style.position
设置位置属性：
object .style.position="static|absolute|fixed|relative|initial|inherit"
属性值
| 值 | 描述 |
|---|---|
| static | 元素呈现在顺序，它们出现在文档流。 这是默认的。 |
| absolute | 该元件相对于它的第一定位位置(not static)祖先元素 |
| fixed | 该元件相对于浏览器窗口定位 |
| relative | 该元件相对于它的正常位置定位，所以"left:20"增加了20个像素元件的左侧位置 |
| initial | 将此属性设置为默认值。 阅读关于初始 |
| inherit | 继承其父元素此属性。 阅读关于继承 |
技术细节
| 默认值： | 静态的 |
|---|---|
| 返回值： | 一个字符串，表示元素的位置类型 |
| CSS版本 | CSS2 |
更多示例
例
使用不同的位置类型：
function myFunction(x) {
var whichSelected = x.selectedIndex;
var posVal = x.options[whichSelected].text;
var elem =
document.getElementById("myDiv");
elem.style.position=posVal;
}
试一试» 相关页面
CSS教程： CSS定位
CSS参考： position property
<Style对象