文字div下降而滑块上升

时间:2019-04-29 09:57:54

标签: html css html5 css3 web-deployment

我正在建立一个网站。有一个区域,其中两个div位于一个旁边,其中一个包含文字,另一个包含一个滑块。当我在移动设备上查看它们时,文字会停留在顶部,而滑块则在底部,但是反之亦然。

我尝试过边距,负边距,CSS中的位置,但事实是其他部分即将出现,这是不必要的。

这是我网站的链接:http://fastfreelancebd.com/nicole/

我添加了一张照片。另外,链接。总结一下,我想要什么结果。 Here is a screenshot of my site in the mobile devices

2 个答案:

答案 0 :(得分:0)

使用以下CSS在移动设备上进行反向div:

@media (max-width: 1024px)
.elementor-row {
   flex-direction: column-reverse;
}

答案 1 :(得分:0)

如果您使用的是Bootstrap 4,则可以将.flex-wrap-reverse添加到父容器中。