CSS bottom

更新时间:2025-05-16 05:51:37 阅读: 评论:0

CSS bottom

bottom 属性规定元素的底部边缘。该属性定义了定位元素下外边距边界与其包含块下边界之间的偏移。

定义和用法

注释:如果 "position" 属性的值为 "static",那幺设定 "bottom" 属性不会产生任何效果。对于 static 元素,为 auto;对于长度值,则为相应的绝对长度;对于百分比数值,为指定值;否则为 auto。对于相对定义元素,如果 bottom 和 top 都是 auto,其计算值则都是 0;如果其中之一为 auto,则取另一个值的相反数;如果二者都不是 auto,bottom 将取 top 值的相反数。

默认值: auto 继承性: no 版本: CSS2 JavaScript 语法: object.style.bottom="50px"

把图像的底边缘设定在其包含元素底边缘之上 5 像素高的位置:img { position:absolute;bottom:5px;}

浏览器支持

所有主流浏览器都支持 bottom 属性。注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。

可能的值

值 描述 auto 默认值。通过浏览器计算底部的位置。 % 设定以包含元素的百分比计的底边位置。可使用负值。 length 使用 px、cm 等单位设定元素的底边位置。可使用负值。 inherit 规定应该从父元素继承 bottom 属性的值。

TIY 实例

使用像素值设定图像的底部边缘本例演示如何使用像素值设定图像的底部边缘。<html><head><style type="text/css">img{position:absolute;bottom:0px}</style></head><body><h1>这是标题</h1><img class="normal" src="/i/eg_smile.gif" /><p>一些文本。一些文本。</p></body></html>

本文发布于:2023-03-26 04:34:09,感谢您对本站的认可!

本文链接:http://www.ranqi119.com/to/1680002634244632.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:CSS   bottom
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2022 Comsenz Inc.Powered by © 站长QQ:55-9-10-26|友情:优美诗词|电脑我帮您|扬州装修|369文学|学编程|软件玩家|水木编程|编程频道