我正在尝试完成以下操作,使重复的 div“绕过”一个固定的 div。重复的 div 的内容将使用 Bootstrap 缩略图动态创建。
这是一张图片,说明了我正在尝试做的事情:
我如何使用 CSS(或 Javascript,或者谁知道... Bootstrap)做到这一点?
最佳答案
您可以使用简单的 CSS 实现它:
html, body {
margin: 0;
}
.container {
width: 960px;
margin: 0 auto;
}
.block {
background: #2ecc71;
width: 460px;
height: 460px;
margin: 10px;
float: right;
}
.item {
background: #e74c3c;
width: 220px;
height: 220px;
margin: 10px;
float: left;
}
<div class="container">
<div class="block"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</div>
关于javascript - Bootstrap : How to make repeated divs go around a fixed div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21715559/