javascript - DIV 不会位于 slider 下方

Question

<分区>

Answer 1

您的 slider 具有绝对定位，因此您必须通过应用绝对定位元素高度的 margin-top 来补偿其高度，在本例中约为 380px

将此 CSS 添加到该 View 的样式表中:

#supportive {
    margin-top: 380px;
}

此外，正如我所见， float 没有做任何事情，因此您应该能够将其删除

如果您不希望您的解决方案是固定的，那么使用当前标记的简单方法是为 slider 提供一个百分比高度，然后为#e #supportive 节点提供一个顶部边距

.slider {
  height: 30%;
  width: auto;
}

#supportive {
        margin-top: 30%;
 }

或者您可以将 .slider 放在一个单独的容器中，并为容器指定您想要的尺寸。这样，您的节点将始终如您所愿地位于底部，并且 .slider 的容器将处于文档的自然流动中。