无法获得html div元素周围的边框

时间:2012-01-10 04:46:59

标签: css html border

我无法弄清楚为什么我不能在这里找到我的div边界。我的jsfiddle是:

http://jsfiddle.net/4HnKs/1/

我必须因为盯着我的电脑屏幕而疯狂,但如果你看一下CSS中的课程verticalmembersmenu,我就不能为我的生活找出为什么我不能得到边界div。

4 个答案:

答案 0 :(得分:13)

您正在CSS中使用HTML样式注释,这似乎打破了渲染,请查看http://jsfiddle.net/4HnKs/3/

有关http://www.w3.org/TR/CSS2/syndata.html#comments

上的评论的一些信息

答案 1 :(得分:8)

你可以将内联样式赋予div

 <div class="verticalmembersmenu" style = "border:1px solid black;">

.verticalmembersmenu ul{
list-style:none; border:1px solid black;
}

答案 2 :(得分:1)

请在ul标签中给出边框。

.verticalmembersmenu ul{
    list-style:none; border:1px solid black;
    }

答案 3 :(得分:1)

我花了一段时间才找到,但问题实际上与你的css格式有关。 css不识别html评论标签,而是使用/ * * /。

 <!--MEMBERS LAYOUT START -->
.verticalmembersmenu {
    height:300px;
    width:300px;
    border:1px solid black;
}

.verticalmembersmenu ul{
    list-style:none;
}


<!--MEMBERS LAYOUT END -->