时间戳

首页 > 解决方案 > CSS 中是否有 TOP 值可以根据前一个元素的长度动态定位元素？

javascript - CSS 中是否有 TOP 值可以根据前一个元素的长度动态定位元素？

问题描述

我对 CSS 很陌生..

我想知道是否有一种方法可以根据前一个 div 元素的长度动态定位 div 元素。

例子：

<div id="A">
</div>

<div id="B">
</div>

<div id="C">
</div>

如果这些 div 元素每个都是全宽的，我希望一个基于前一个元素的长度一个接一个地出现，而无需自己调整 top 属性的长度。

这是可能的还是有任何top可以使用的价值？

太感谢了。

标签： javascripthtmlcsscss-position

解决方案

到目前为止，您无法根据前一个元素动态设置 div（或任何其他元素）的样式。但是您在这里有一些选择-

  • 您可以使用 Javascript 动态管理元素的样式，或者，
  • 您可以使用 CSS FlexBox 模型或 CSS Grid 来定位和更改元素的高度/宽度，这是强烈推荐的，并且对于您选择的任何布局都非常强大。

这里有一些我曾经学习过 flexbox 的地方——

freeCodeCamp flexbox tut
Brad Traversy flexbox 速成课程

现在对于 CSS 网格 -

Brad Traversy CSS 网格

freeCodeCamp CSS 网格

推荐阅读