Question

如何在div类列9上创建轮播幻灯片，并在同一行的div类列3上创建横幅。我想在div class-col-9上实现轮播幻灯片，并在div class-col-3上与轮播在同一行上设置横幅。我在div类col 9上的轮播幻灯片和在div类col-3上的横幅广告放在同一列上时遇到了问题，相反，在div class col-3上的横幅广告位于转盘下方，但事实并非如此。我正在为一个客户说他想要一个类似于naijaloaded.com.ng

的博客

我尝试放置轮播幻灯片，并在其横幅广告中添加了一个div类col-9，该横幅广告我给了div类col-3，但横幅广告开始了另一行与轮播幻灯片在同一列

Answer 1

没有看到您的代码，我不确定是否可以准确地告诉您您可以做什么，但这是我从您的问题中得到的：

您有一排，其中轮播分为2/3，横幅为1/3。
您的2/3列会将您的1/3列向下推，但您希望它们并排显示。

我建议这样做的一种方法是在两列上都使用css属性float: left，看看是否可行。

最有可能发生这种情况，因为默认情况下，行和列周围具有浏览器呈现的边距。如果列周围有边框，这也会偏移它们的位置，使它们不会彼此相邻出现，在这种情况下，最好使用display: grid或这样设置边框：< / p>

.2/3 column {
  border-width: 2px;
  border-style: solid;
  border-color: #000;
}

.1/3 column {
  border-width: 2px 2px 2px 0;
  border-style: solid;
  border-color: #000;
  margin-left: -2px
}

我希望这会有所帮助！

如何使用div列9和div列3上的另一个子内容创建轮播幻灯片

1 个答案: