CSS中当前DIV的top按照上一个DIV的高度来设置
时间: 2024-03-24 10:37:42 浏览: 112
可以使用CSS的定位属性和top属性来实现当前DIV的top按照上一个DIV的高度来设置。
首先,将上一个DIV设置为position:relative;,这样下一个DIV的定位起点就是上一个DIV的bottom。
然后,将当前DIV设置为position:absolute;,并且设置top属性为0,这样当前DIV的顶部就会和上一个DIV的底部重叠。
最后,通过设置当前DIV的top属性为上一个DIV的高度,就可以实现当前DIV的top按照上一个DIV的高度来设置。
例如,如果上一个DIV的高度为100px,可以这样设置当前DIV的样式:
```
position: absolute;
top: 100px;
```
这样,当前DIV的顶部就会距离父元素顶部100px,即按照上一个DIV的高度来设置。
阅读全文