1

いくつかのデータを含むテーブルがありますが、1 つのセルを使用して複数の div を表示したいと考えています。各 div は、左から正確な幅と位置が異なります。

私はそれを試しましたが、次の各divの位置は左のdivに依存し、そのセルの各divをセルの境界線の左から正確にxposition:relativeピクセルにしたくありません。

私も試しましposition:absoluteたが、これはhttp://www.w3schools.com/css/css_positioning.asp :<html>

絶対位置要素は、静的以外の位置を持つ最初の親要素を基準にして配置されます。そのような要素が見つからない場合、それを含むブロックは<html>

今、私は自分の問題を解決する方法がわかりません。

私の例: http://jsfiddle.net/6wSAJ/465/

(ここから受け入れられた回答から作成: 2 つの div の相対位置)

編集: IE8で動作するために必要であることを忘れていたと思います。

編集2: http: //jsfiddle.net/6wSAJ/468/私が扱っていた問題は、セルを相対的に設定すると、実際の問題テーブルが完全に台無しになるため、必要なdivの周りに相対的な位置でdivを作成する必要があることです絶対に位置付けます。最初はそうしませんでした。なぜなら、常に自分が持っている要素のスタイルを設定し、本当に必要な場合にのみ新しい要素を追加したいからです。

4

1 に答える 1

0

絶対位置が内部要素に適用されるように、ラッピング div を相対位置にする必要があります。

position: relative;

jsFiddle デモ

table-cellは標準化されておらず、予期せず動作するため、相対位置を指定できないことに注意してください。


さらに読むには:

于 2013-08-19T13:45:54.200 に答える