无法为HTML的div元素添加边框

Question

我弄不清楚为什么无法在这个div周围加上边框。我的jsfiddle链接如下：

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

也许只是盯着电脑屏幕看得有点晕，但如果您查看CSS中的verticalmembersmenu类，我无法想出为什么我无法在该div周围加边框。

- MillerMedia

Answer 1

您在CSS中使用了HTML风格的注释，这似乎会破坏渲染，请查看http://jsfiddle.net/4HnKs/3/

有关注释的一些信息，请参阅http://www.w3.org/TR/CSS2/syndata.html#comments

- leopic

Answer 2

u can give inline style to div as

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

或者

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

- reshma k

Answer 3

我花了一些时间才找到问题所在，实际上与你的CSS格式有关。CSS无法识别HTML注释标签，而是使用/* */。

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

.verticalmembersmenu ul{
    list-style:none;
}


<!--MEMBERS LAYOUT END -->

- banana pants

Answer 4

请在 ul 标签中添加边框。

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

- Shalini Subramani

---

CSS中存在语法错误，导致了问题的发生。 - Amar Palsapure