列表項目與上面的行上邊框項目對齊

我有一個使用無序列表實現的導航標籤列表，並且活動列表中的邊框將突出顯示。列表項目與上面的行上邊框項目對齊

問題與標籤是一次積極的項目設置爲採取一個邊界：

border: 1px solid #ff0000;

下一行的第一個項目將後對齊。

這個例子會告訴你我是什麼意思： http://jsfiddle.net/stevenjs/JQawf/

如果我刪除邊框，一切都會好起來。

任何人都可以幫助我嗎？非常感謝你！

我不知道，如果您有任何限制，但在這裏，你可以添加border: 1px solid transparent到所有li的的，這將讓他們一致的尺寸

2014-01-27 05:13:10 jmore009

謝謝SOOO了！我做了你的建議，它就像一個魅力！你幫了我很多！ – user3239076

如果你有一些時間，你能解釋爲什麼我的原始列表會被包裹在不受歡迎的位置？只是因爲只有一個'li'有一個邊界而其他的沒有？只是在這裏好奇。無論如何，我不能說夠多謝你。 – user3239076

是的，當你不指定固定的高度/填充/邊距等像素的添加（在這種情況下是一個邊框）可以甩掉其餘的。因此，通過保持它們的一致性，但只是在不活動的邊框上隱藏邊框顏色，可以確保它們都遵循相同的屬性。 – jmore009

回答