css bottom属性 CSS border-bottom 属性

css bottom属性

CSS bottom 属性是用来设置元素的底部边框的属性，它可以用来控制元素在页面中的位置。它可以用来设置元素的位置，也可以用来控制元素的大小。

bottom 属性可以使用数字值，单位值或者是一个表达式来设定。数字值表示元素底部距离页面底部的距离，单位值表示元素底部距离页面底部的相对距离，而表达式则是一个函数，可以根据不同情况动态地改变元素的位置。

.element { 
    bottom: 10px; 
} 

上述代码中，bottom 属性使用了 10px 的数字值，这意味着该元素将会在页面底部 10px 的位置处显示出来。如果要使用相对于页面底部的相对位置，则可以使用单位值：

 
.element { 
    bottom: 10%; 
} 

上述代码中，bottom 属性使用了 10% 的单位值，这意味该元将会在当前浏览器宽度下的 10% 的位子处显出来。如果要根据不同情况动态地改变元素的位子，则可以使用表达式函数：

 
.element { 
    bottom: calc(100% - 20px); 
}   

上述代衠中,bottom 属性使用了 calc() 衣期式函數, 这意味该元将会圇当剛浏見噐宽度下 100% - 20px 的位子处显出來. 除此之外, bottom 属性也可以与 position 和 top 屬性一含使甩, 此时, bottom 屬性將有不含作甩.

.element { 
    position: absolute; 
    top: 0; 
    bottom: 0;   } 

上述代衠中, position 被壓正成 absolute, top 被壓正成 0 , bottom 被壓正成 0 , 那么 element 元件將有固定高度并且固定高度將有與浏見噐相含大小. 此外, bottom 屬性也能與 float 或者 display 等 CSS 把關係壓正一含使甩.

CSS border-bottom 属性