网站首页 > 基础教程 正文
实例
设置图像的底部边缘,在元素的底边上面5px:
img
{
position:absolute;
bottom:5px;
}
属性定义及使用说明
对于绝对定位元素,bottom属性设置单位高于/低于包含它的元素的底边。
对于相对定位元素,bottom属性设置单位高于/低于其正常位置的元素的底边。
注意:如果"position:static",底部的属性没有任何效果。
说明: 对于 static 元素,为 auto;对于长度值,则为相应的绝对长度;对于百分比数值,为指定值;否则为 auto。 对于相对定义元素,如果 bottom 和 top 都是 auto,其计算值则都是 0;如果其中之一为 auto,则取另一个值的相反数;如果二者都不是 auto,bottom 将取 top 值的相反数。
默认值: | auto |
---|---|
继承性: | no |
版本: | CSS2 |
JavaScript 语法: | object.style.bottom="50px" |
浏览器支持
表格中的数字表示支持该属性的第一个浏览器版本号。
属性 | |||||
---|---|---|---|---|---|
bottom | 1.0 | 5.0 | 1.0 | 1.0 | 6.0 |
属性值
值 | 描述 |
---|---|
auto | 默认值。通过浏览器计算底部的位置。 |
% | 设置以包含元素的百分比计的底边位置。可使用负值。 |
length | 使用 px、cm 等单位设置元素的底边位置。可使用负值。 |
inherit | 规定应该从父元素继承 bottom 属性的值。 |
如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039,我们一起飞!
猜你喜欢
- 2024-10-12 《CSS》实战指南2024 css实战手册第四版 pdf
- 2024-10-12 程序员都必掌握的前端教程之CSS基础教程(上)
- 2024-10-12 CSS与JavaScript的区别是什么? javascript css 区别
- 2024-10-12 css预处理器less语法 css3预处理器
- 2024-10-12 Css有哪些用法?小白轻松入门 css的用法
- 2024-10-12 CSS 样式规则 css样式规则由什么组成
- 2024-10-12 HTMLCSS学习笔记(三)——CSS基础要打好
- 2024-10-12 什么是CSS? 什么是css盒模型? 盒模型由哪几部分组成?
- 2024-10-12 PostCSS——css必备 postcss的作用
- 2024-10-12 揭秘 Lightning CSS 的超速魅力 梦见擦窗户框
- 最近发表
-
- 1G内存如何对40亿QQ号去重?(qq内存50g)
- Python的os模块:操作系统交互的得力助手
- 引爆你的效率!深入探索 Python os 模块那些不为人知的高阶玩法
- python 进阶突破——内置模块(Standard Library)
- 10行Python代码实现智能文件整理(python整理文件到指定文件夹)
- Python办公自动化系列篇之六:文件系统与操作系统任务
- Windows如何批量修改文件后缀名(电脑如何批量修改文件后缀名)
- Python常用内置模块介绍——文件与系统操作详解
- 每天一个Python库:标准库 os 模块,玩转文件和目录操作!
- Python目录与文件操作教程(python编程目录)
- 标签列表
-
- 菜鸟教程 (58)
- jsp (69)
- pythonlist (60)
- gitpush (78)
- gitreset (66)
- python字典 (67)
- dockercp (63)
- pythonif (68)
- pythonifelse (59)
- deletesql (62)
- c++模板 (62)
- c#event (59)
- linuxgzip (68)
- 字符串连接 (73)
- nginx配置文件详解 (61)
- html标签 (69)
- c++初始化列表 (64)
- exec命令 (59)
- mysqlinnodbmyisam区别 (63)
- arraylistadd (66)
- node教程 (59)
- console.table (62)
- mysqldatesub函数 (63)
- window10java环境变量设置 (66)
- c++虚函数和纯虚函数的区别 (66)