0

私が達成しようとしていること：

それぞれに 3 つの列が含まれる 2 つのプラスの行。行については、1 行あたり 3 つの画像を含む相対位置を 2 行で指定しました。これはうまくいきます。

絶対位置と負の z-index を使用して、これらの画像の下に階層化された div が必要です。これは、最初の行でも正常に機能します。2 番目の行では、画像がきれいに並んでいますが、絶対配置された div は最初の行に表示されます。

jsFiddle はこちら: http://jsfiddle.net/Ajdin/tNGCM/

私はボード上のいくつかの質問を読んで、何かを誤解しているかもしれないと思っているので、cssの絶対位置をグーグルで調べました。助けてください ：）

4

1 に答える 1

0

div ".hireBioImg" は "float" プロパティを設定しているため、高さは親に拡張されません。したがって、hireBioRow では、float 要素を内部にラップするために「clearfix」を追加する必要があります。

ここで更新を参照してください: http://jsfiddle.net/tNGCM/1/

そして、clearfix の詳細:

この問題は、フロート要素がコンテナー ボックス内にある場合に発生します。その要素は、コンテナーの高さをフロート要素に合わせて自動的に調整しません。要素がフロートされると、フロートがフローから削除されるため、その親には要素が含まれなくなります。

http://www.webtoolkit.info/css-clearfix.html

于 2012-07-03T17:14:48.167 に答える