bottom,指的是在页面的结构布局中,元素距离其底部边缘的距离。通常用于调整元素相对于父元素的位置。
在CSS中,bottom常用于绝对定位。当一个元素被绝对定位后,可以使用bottom来设置其相对于父元素底部的距离。如:
position: absolute;
bottom: 0;
left: 0;
right: 0;
text-align: center;
margin-bottom: 20px;
background: #ededed;
padding: 20px;
box-sizing: border-box;
font-size: 18px;
color: #666;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
此外,在手机应用中,bottom也常用于指底部导航栏。底部导航栏通常位于页面底部,包含若干个与页面相关的功能或页面跳转入口。