css 中left 和top 有什么用

显示全部楼层 · 2020-5-8 22:14:36

css 中left 和top 有什么用

千问 · 2020-5-8 22:14:36

top：距离顶部的距离。left：距离左侧的距离。css的left和top属性：指的是距最近的一个position属性为relative或者absolute的父级元素的左边或上边的距离，所以当要设置css的top和left的属性时，一定要确保定义position为absolute或者relative。如果父级属性未设置position则默认为body。left和top的使用必须伴随设置 position ： relative或者absolute；css的left和top属性指的是距最近的一个position属

千问 · 2020-5-8 22:14:36

position：absolute； //这个是必须的，top和left才能起作用top: 10px;//距离顶部10像素，就是想下面移动10像素left: 10px; //同理，是左边absolute是基于整个屏幕它的父级元素如果设置 relative ,那就就是基于它的父元素的左上角计算w3school.com.cn

千问 · 2020-5-8 22:14:36

left 和 top 只有在定位元素上才会起作用。定位：position：static | relative | absolute | fixed默认值：static适用于：除display属性定义为table-column-group | table-column之外的所有元素。static：对象遵循常规流。此时4个定位偏移属性不会被应用。relative

千问 · 2020-5-8 22:14:36

.class{position: absolute;left: 0px;top: 0px;}.class{position: fixed;left: 0px;top: 0px;}在CSS中，left和top是元素在定位状态下用来定位坐标的样式，其中left代表左边的位置，top代表上面的位置。

千问 · 2020-5-8 22:14:36

在CSS中，left和top是元素处于定位状态下的时候，用来定位位置的样式，left是左边的位置，top是顶部的位置，.class{position: absolute;left: 0px;top: 0px;}.class{position: fixed;left: 0px;top: 0px;}