0

修正しました！周囲のコンテナーの幅 (私の場合は 744px) に等しい負の左マージンを gRow クラスに追加しました。Chrome と IE の両方で動作するようです。ただし、私のフィドルでは機能しません:-?

ツリーのような構造を示す順序付けられていないリストがあります。各 li には、class="gRow" を含む div 要素が含まれています。この div には、グリッド内に「セル」を持つ他の div が含まれています。各gRow（またはli？）にborder-bottomを追加し、liのパディング左を維持しながら、同時にborder-bottomをすべてのli / gRows（の幅全体）で同じ幅にしますコンテナ）。

Ajax を使用して新しいレベルを動的に追加していますが、構造の深さがわかりません。

これは私が得た距離です：

ここに画像の説明を入力

私のcssはこのようなものです

ul {margin: 0;padding: 0;list-style-type: none;}
li { padding-left: 16px;}
.gRow { border-bottom: 1px #CCD9E0 solid;height: 20px; margin-left: -744px;}

ここに jsFiddle があります: http://jsfiddle.net/kJQeq/

お役に立てれば幸いです。前もって感謝します。

4

2 に答える 2

0

周囲のコンテナの幅（私の場合は744px）に等しい負の左マージンをgRowクラスに追加しました。ChromeとIEの両方で動作するようです。それは私のフィドルでは機能しません：-？

于 2013-01-09T07:00:28.513 に答える
0

li でもマージンを 0 に設定してみてください。

ul {margin: 0;padding: 0;list-style-type: none;}
li { margin: 0; padding-left: 16px;}
.gRow { border-bottom: 1px #CCD9E0 solid;height: 20px; }
于 2013-01-09T06:27:04.163 に答える