PHP前端开发

css中的top怎么用

百变鹏仔 3个月前 (09-20) #CSS
文章标签 css
css 中 top 属性可以将元素相对于其父元素的上边缘垂直移动,可使用 length、percentage 或 auto 指定偏移量。length 为数值长度,percentage 为百分比偏移量,auto 由浏览器自动计算。top 仅适用于具有定位的元素,元素的上边缘会受到外边距框或内容框的影响。

CSS 中 top 属性

top 属性的作用

top 属性用于设置元素相对于其父元素的上边缘的偏移量。它可以将元素在垂直方向上向上或向下移动。

使用语法

立即学习“前端免费学习笔记(深入)”;

top: <length> | <percentage> | auto;</percentage></length>

属性值

示例

将一个元素向上移动 20px:

element {  top: 20px;}

将一个元素向下移动其父元素高度的 50%:

element {  top: 50%;}

注意