嵌套ul/li底部邊框不全寬

固定它！我已經添加了一個等於周圍容器的寬度（在我的情況下爲744px）的gRow類的負左邊距。它似乎可以在Chrome和IE中使用。它在我的小提琴中不起作用： - ？嵌套ul/li底部邊框不全寬

我有一個無序列表描繪了一個樹狀結構。每個li包含一個class =「gRow」的div元素。這個div包含網格中帶有「單元格」的其他div。我想在每個gRow（或li？）上添加一個border-bottom，在li上保留填充，但同時使border-bottom與所有li/gRows的寬度相同（整個寬度容器）。

我使用Ajax動態添加新層，我不知道結構的深度。

這是多遠，我已經得到了：

enter image description here

我的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/

希望能對你有所幫助。在此先感謝。

來源

2013-01-09 CJe

提供小提琴。 – I29

@ I29：小提琴加入 – CJe

我已經添加了一個等於周圍容器寬度（在我的情況下爲744px）的gRow類的負左邊距。它似乎可以在Chrome和IE中使用。它在我的小提琴中不起作用： - ？

來源

2013-01-09 07:00:28 CJe

嘗試在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-09 06:27:04 hdavis84

如果你想在左邊框和列表項之間留出空格，請在左邊填充ul – hdavis84

對不起。它不起作用:-( – CJe

嵌套ul/li底部邊框不全寬

回答

相關問題