css中bottom是规定元素底部边缘的属性，该属性定义了定位元素下外边距边界与其包含块下边界之间的偏移。下面本篇文章就来给大家介绍一下css bottom属性，希望对大家有所帮助。

bottom 属性规定元素的底部边缘。该属性定义了定位元素下外边距边界与其包含块下边界之间的偏移。对于绝对定位元素，bottom属性设置单位高于/低于包含它的元素的底边。

对于相对定位元素，bottom属性设置单位高于/低于其正常位置的元素的底边。

如果 "position" 属性的值为 "static"，那么设置 "bottom" 属性不会产生任何效果。

说明：

对于 static 元素，为 auto；对于长度值，则为相应的绝对长度；对于百分比数值，为指定值；否则为 auto。

对于相对定义元素，如果 bottom 和 top 都是 auto，其计算值则都是 0；如果其中之一为 auto，则取另一个值的相反数；如果二者都不是 auto，bottom 将取 top 值的相反数。

属性值：auto：默认值。通过浏览器计算底部的位置。

%：设置以包含元素的百分比计的底边位置。可使用负值。

length：使用 px、cm 等单位设置元素的底边位置。可使用负值。

inherit：规定应该从父元素继承 bottom 属性的值。

浏览器支持：

所有主流浏览器都支持 bottom 属性。

注释：任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。

示例：

img.ex1

{

position:absolute;

bottom:0px;

}

img.ex2

{

position:relative;

bottom:-100px;

}

This is a heading

效果图：

html中bottom的属性,css中bottom是什么意思？相关推荐

在html中设置margin属性,css中margin的4个属性
CSS中:margin:auto与margin: 0 auto;有什么区别 CSS中:margin:auto与margin: 0 auto;有什么区别.有的网站中写的是前者意思不同.margin:au ...
css中文本指什么,CSS中的文本属性
本文总结一下CSS中关于文字的相关属性,最后给出实例. CSS基础文字属性文字的基础属性主要包括:字体.颜色和文本.除去颜色color的属性外,字体和文本的相关属性可以权威参考: CSS 文本属性( ...
css text top,text-align属性(css中文本对齐属性)
text-align属性设置h1.h2.h3元素的文本对齐方法: h1{text-align:center} h2{text-align:left} h3{text-align:right} 亲自试 ...
css中ul位置移动,css中ul怎么定位
css中ul怎么定位 css中所有的元素默认都是static定位,要改变ul的定位方式,我们只需要指定元素的css position属性即可. 关于定位的几种方式1.static定位(普通流定位) - ...
#ArcGis中如何对属性表中的字段进行顺序赋值？？
#ArcGis中如何对属性表中的字段进行顺序赋值?? 如题,昨天有小伙伴在公号私信里问我"如何在ArcGis中对属性表中的字段进行顺序赋值??"这个问题如果会一点python编程, ...
css中文本指什么,CSS中的文本属性学习指南
文本缩进 text-indent 值:长度值(正.负均可) 示例:p {text-indent:3em;} 字符间距 letter-spacing 值:任何长度值(正.负值均可). 示例:p {let ...
php中border属性,css中display属性和border属性常遇问题讲解
本篇文章给大家带来的内容是关于css中display属性和border属性常遇问题讲解,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助.因为HTML很少有太复杂的问题,所以直接写一篇关于 ...
html text align属性,CSS中的text-align属性怎么用
CSS的text-align属性可用于设置文本的位置,接下来的这篇文章将给大家介绍关于CSS中的text-align属性的用法,下面我们来看具体的内容. 我们先来看一段简单的代码在此处显示文字效果 ...
html中的float属性,css float属性图解float属性的点点滴滴
正确使用CSS的float属性可能会变成一项艰巨的任务,它涉及内容过多,浏览器兼容性问题也很多.它的定位不仅涉及包含块,还涉及到了行框,块框,还有行内框等内容.本文包含的实施例的应用属性float说 ...
css 中的zoom,对CSS中zoom属性的总结
在css中,zoom属性作用是设置或检索对象的缩放比例.对应的脚本特性为zoom.虽然很多人都知道,但是任然有人不知道zoom的具体的用法,或者没有深究过,下面就把zoom的用法总结一下: 1.CSS ...

html中bottom的属性,css中bottom是什么意思？

This is a heading

html中bottom的属性,css中bottom是什么意思？相关推荐

最新文章

热门文章