htmldiv要素の周囲に境界線を取得できません

Question

ここでdivの周囲に境界線を設定できない理由がわかりません。私のjsfiddleは：

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

私は自分のコンピューター画面を見つめることに夢中になっているに違いありませんが、CSSのクラスverticalmembersmenuを見ると、divの周りに境界線を取得できない理由を一生理解できません。 。

Answer 1

CSSでHTMLスタイルのコメントを使用していますが、レンダリングが壊れているようです。 http://jsfiddle.net/4HnKs/3/ をご覧ください。

コメントに関するいくつかの情報 http://www.w3.org/TR/CSS2/syndata.html#comments

Answer 2

uはdivにインラインスタイルを与えることができます

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

または

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

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

Answer 4

ulタグで境界線を付けてください。

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