【发布时间】：2015-02-26 04:33:43
【问题描述】：
我遇到了一个我不明白的问题。我相信我写的 div 是正确的，但它只是想重叠两个 imagePlaceholder div。 HTML是由JS根据要显示的图片数量等生成的。上面唯一的一个<nav>部分用于生成您看到的菜单，并且该文档作为iFrame包含在另一个文档中。
<div class="container">
<div class="row" id="picturesGrid">
<div class="col-xs-2" id="imagePlaceholder0">
<a href="linkgoeshere0">
<canvas id="galleryImage0"></canvas>
</a>
</div>
<div class="col-xs-2" id="imagePlaceholder1">
<a href="linkgoeshere1">
<canvas id="galleryImage1"></canvas>
</a>
</div>
</div>
</div>
容器 div 是菜单下方的白色区域。突出显示的矩形是 imagePlaceholder0，它缩进到容器中很远，这是另一件奇怪的事情。但是您会看到它是如何在 imagePlaceholder1 后面，而不是在它旁边。这是一个非常简单的布局，所以我不确定我在这里做错了什么。任何帮助将不胜感激。
【问题讨论】：
-
根据提供的信息不能完全确定，但请尝试在画布元素等上设置大小，尤其是在页面加载后生成的情况下。 Bootstrap 对没有大小然后突然变大或变小的元素效果不佳，显式设置。
-
你能把css贴出来或者给我们一个jsfiddle。
-
对不起，我今天很忙，很快就会发布。然而，我确实设置了画布的宽度和高度以及包含的图像，但它似乎仍然重叠
-
我在这辆卡车上添加了三张图片，它似乎只在渲染最后一张画布。如果你在运行时调试它，你会看到它正在为 image.src 设置正确的数据，我想知道我是否只缺少一个简单的步骤，它可能会在每个循环上覆盖图像......
标签： javascript html css twitter-bootstrap layout