如何在不重叠的情况下将“轮播” div放入“ oe_structure”中

问题描述

我需要在“ oe_structure”中放置一个“ carousel” div,但不能正常工作,即“ carousel”:

我正在编辑模板“ website_sale.products”

我是odoo的新手,我可以继承我的直接代码来编辑吗?但我仍然不知道如何如图所示将滑块放在div内!

我使用的代码链接

https://codeshare.io/2pBqez

我对div轮播的错误是:

enter image description here

解决方法

<div class="container">
  <div class="square"><div>
    <div class="s-square">
</div>
.container {
  width:80%;background:lightgray;height:500px;margin-left:10%;
  display:flex;justify-content:center;align-items:center;
} /* this container is positioned using a left-margin */

.square {width:250px;height:250px;background:white;position:relative;} /*this square is positioned by the flexbox display of its parent container (.container) */

.s-square {height:100px;width:100px;background:blue;position:absolute;top:50px;left:60px;3px dashed purple;} /* this is absolute positioning and should be avoided as much as possible b/c not very responsive-friendly */