bottom
说明:
本文档兼容性测试基础环境为:windows系统;IE6-10, Firefox4-17, Chrome16-23, Win Safari5.1.7, Opera11.5-12.5
语法:
bottom: <length> | <percentage> | auto
默认值:auto
适用于:定位元素。即定义了position为 relative | absolute | fixed | center | page 的元素
继承性:无
取值:
auto: 无特殊定位,根据HTML定位规则在文档流中分配
<length>: 用长度值来定义距离底部的偏移量。可以为负值。
<percentage>: 用百分比来定义距离底部的偏移量。可以为负值。
说明:
检索或设置对象与其最近一个定位的父对象底边相关的位置。
必须定义position属性值为 relative | absolute | fixed | center | page,此取值方可生效。
对应的脚本特性为bottom。
兼容性:
浅绿 = 支持 红色 = 不支持 墨绿 = 部分支持 橙色 = 实验性质 支持版本\类型 IE Firefox Safari Chrome Opera
版本 6 4 5.1.7 13 11.5
示例:
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<title>bottom_CSS参考手册_web前端开发参考手册系列</title>
<meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com, www.doyoe.com" />
<style>
.test{position:absolute;bottom:0;width:200px;height:200px;padding:5px 10px;background:#c00;color:#fff;line-height:12;}
</style>
</head>
<body>
<div class="test">我将出现在浏览器底部</div>
</body>
</html>