如何对齐此边框？

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;
  }

点击这里进行演示