如何使用div column-9和div column-3上的另一个子内容创建旋转幻灯片
如何在div类的第9列上创建轮播幻灯片，并在同一行的div类的第3列上创建横幅。我想要实现在div class-col-9上有一个carousel幻灯片，并且在div class-col-3上与carousel在同一行上有横幅。我有问题的轮播幻灯片在div类col9和横幅在div类col3在同一列，相反，我的横幅在div类col3下旋转木马，这是不应该是这样的。我这样做是为了一个客户，他说他想要一个非常类似于naijaloaded.com.ng的博客
我尝试放置我的旋转木马幻灯片，我还添加了一个div类col-9来与我的横幅广告放在同一列，我给了一个div类col3，但是，横幅广告开始了另一行，而不是与旋转木马幻灯片是同一列。
回答 1
Stack Overflow用户
发布于 2019-04-27 16:14:41
如果没有看到你的代码，我不确定我是否能准确地告诉你你能做什么，但这是我从你的问题中得到的：
- 您的行被拆分为2/3的传送带和1/3的横幅。
- 您的2/3列将您的1/3列向下，但您希望它们并排显示。
我建议的一种方法是在这两个列上都使用css属性float: left，看看是否有效。
这种情况很可能发生，因为默认情况下，行和列周围都有浏览器呈现的边距。如果在列周围有边框，也会偏移它们的位置，这样它们就不会相邻显示，在这种情况下，最好使用display: grid或像这样设置边框：
.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
}
我希望这能帮到你!
https://stackoverflow.com/questions/55878449
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号