Question

我一直试图在my white container的两侧设置边框。它只是没有显示。为了以防万一，我试着把它放在三个不同的元素中！（见下文）。关于如何使其发挥作用的任何想法？

#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

AFAIK，边境没有这样的简写。您必须单独定义每个边框：

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

Answer 4

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

Answer 5

在你的css中使用这行代码

border: 1px solid #000 !important;

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

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

Answer 6

高度是100％不确定，请尝试diplay: block; or display: inline-block;

CSS边框不起作用

6 个答案: