ここでわかるように、静的な高さをに適用する必要があります#wrapper
。そうしないと、divに子が含まれないためです。(これがフィドルです)これは非常に論理的です。ただし、#wrapperに自動高さを指定して、比較的配置された要素の複数の行を含めることができるようにしたいと思います。
個々のアイテムの周りに他のラッパーを追加して、静的に配置できると思いますか?しかし、私はこれ以上HTMLを追加したくないと思います。必要に応じて、JS/jQueryソリューションが可能です。
子DIVにはフロートがあるので、フロートをクリアして高parent
さを削除する必要があります。このように書く:
#wrapper {
background-color: white;
min-height: 360px;
margin: 50px auto;
overflow: hidden;
padding: 10px;
width: 1008px;
}
これをチェックしてくださいhttp://jsfiddle.net/y5nYN/16/