在 web 开发中，bottom 属性用于设置元素相对于其包含块（通常是父元素）底部边缘的距离。bottom 属性通常与 position 属性一起使用，常用于相对定位和绝对定位的元素。
语法
selector { bottom: length|percentage|auto|initial|inherit; }
- length: 指定元素底部边缘与包含块底部边缘的距离，可以使用像素（px）、厘米（cm）、英寸（in）等单位。
- percentage: 指定元素底部边缘与包含块高度的百分比。
- auto: 默认值，元素底部边缘与包含块底部边缘重合。
- initial: 将属性设置为默认值。
- inherit: 继承父元素的属性值。
示例
-- -------------------- ---- ------- --------- - --------- --------- ------- ----- - --------- - --------- --------- ------- ---- - ------ - --------- ------ ------- -- -展开代码
在上面的示例中，分别展示了相对定位、绝对定位和固定定位元素使用 bottom 属性的情况。根据具体需求，可以设置不同的距离值或百分比来调整元素在页面中的位置。
注意事项
- 使用 bottom 属性时，需要注意包含块的高度，以确保元素定位的准确性。
- 在使用绝对定位或固定定位时，bottom 属性通常与 top、left 或 right 属性一起使用，以确定元素在页面中的具体位置。
以上是关于 CSS 属性 bottom 的介绍，希望能帮助你更好地理解和应用这一属性。
