html - div 不在一个元素的底部

Question

我已经完成了该网站，但我遇到了一个小问题。

我想在图标框和文本的顶部放置三个悬停框，正如您在这张图片上看到的那样。

问题是，如果我在#webicons 框顶部创建一个新的 div 框。

如果可以的话那就太好了！

这是实际状态。http://www.awesom-media.de/umgebung/index.html

jsfiddle.net/D6V6R/

Answer 1

尽管我认为您li的 s#referenzbox尺寸不正确，但此解决方案有效，因为目前它们太大而无法容纳在一条线上。

目前容器有一个widthof1200px和三个lis 在400pxpluspadding是为了这个宽。

如果你white-space: nowrap;在#referenzbox ul你可以看到这个问题。

就个人而言，我会在此#block-container之前关闭#referenzbox并设置width: 100%;它#referenzbox。

您可以调整尺寸以满足您的需求。

#referenzbox {
    height: 400px;
    background-color: red;
    clear: both;
    width: 100%;
}

.webdesignbox {
    max-width: 520px;
    float: left;
    min-height: 545px;
    margin-bottom: 30px;
}

简而言之，当您浮动图标时，您需要在下一个清除div它们clear: both;