html - div は 1 つの bevor の一番下にありません

Question

私はすでにサイトを完成させましたが、小さな問題がありました。

この写真でわかるように、アイコン ボックスとテキストの上部に 3 つのホバー ボックスを配置したいと思います。

問題は、新しい div ボックスを作成すると #webicons ボックスの上にあることです。

できればいいですね！

こちらが実際の状態です。http://www.awesom-media.de/umgebung/index.html

jsfiddle.net/D6V6R/

Answer 1

このソリューションは機能しますが、現在、すべてが大きすぎて1行に収まらないため、あなたliのが正しい寸法であるとは思いません。#referenzbox

現在、コンテナーにはwidthof があり、 plus1200pxの 3 つliの s はこれに対して広すぎます。400pxpadding

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;