CSS边框不起作用

Question

我一直试图在我的白色容器的两边画上边框.它只是没有显示.为了以防万一,我试着把它放在三个不同的元素中!(见下文).有关如何使其工作的任何想法？

#wrapper {
    width:1000px;
    background:#F4F4F4;
    padding-top:5px;
    border: 3px #CDCDCD;
    overflow: auto;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto;  
}

#casing {
    padding:0px 0px 0px 0px;
    background:#Fff;
    border: 0 1px 0 1px solid #000;
}   

#cover {
    border: 0 1px 0 1px solid #000;
}   

Answer 1

做这个:

border: solid #000;
border-width: 0 1px;

现场演示: http ://jsfiddle.net/aFzKy/

Answer 2

我认为你刚刚为border:那里的属性编写了简写语法=)

试试简单:

border-right: 1px solid #000;
border-left: 1px solid #000;

Answer 3

在你的 css 中使用这行代码

border: 1px solid #000 !important;

或者，如果您只想要容器左侧和右侧的边框，请使用：

border-right: 1px solid #000 !important;
border-left: 1px solid #000 !important;

Answer 4

您是否尝试过使用 Firebug 检查呈现的 HTML，并准确查看将哪些 css 应用于各种元素？这应该会发现像上面提到的那些 css 错误，你可以看到哪些样式被继承以及从哪里继承 - 这在任何 css 调试中也是非常宝贵的。