Question

I am building a blog and for my comments I have this CSS.

#comments {
 position:absolute;
 border: 1px solid #900;
 border-width: 1px;
    border-style: solid;
    border-color: #900;
 border-bottom: none;
 border-right-style:none;
 left:0px;
 top:352px;
 width:475px;
 height:183px;
}

However, after posting only one comment to test if it works, the text fills the div and moves out of bottom div limits. I want the div to expand as more comments come. How do I do that?

Answer 1

If you specify the height manually, the browser will not automatically resize it as the content grows. If you wish, you may add an overflow: scroll directive to add scroll bars. If you want the div itself to grow, remove the height directive, or replace it with min-height, although browser support for that is spotty.