如何對齊此邊框？

Question

這是我到目前為止： http ： //jsfiddle.net/u8GHJ/

我要做的是將黑色邊框貼在藍色框的左側。 實現這一目標的簡單方法是什么？ 不，我不能只添加border-left:4px solid black; 到#container li 。

它應該如下所示： http ： //i.stack.imgur.com/oLBK8.png

編輯：我需要將邊框移動到容器而不是相反，所以在這種情況下將padding設置為0將無濟於事。

Answer 1

ul元素上有默認的填充。 要刪除它，請將ul {padding:0;} （或#container {padding:0;} ）添加到您的CSS中，並且每個東西都會看起來像桃子。

在這里查看您的更新示例：

http://jsfiddle.net/agconti/u8GHJ/1/

Answer 2

ul有默認padding嘗試解決您的問題：

#container{
    padding:0;
}

JS小提琴

Answer 3

我已經解決了你的問題。 只需添加ul的css屬性即可

ul{
    padding:0px;
  }

點擊這里進行演示