自动调整div标签的大小

Question

http://jsfiddle.net/maes222/AtPf2/

有人可以帮助我在div标签中放入我的内容。如果我添加更多<li>，则应自动调整div标签的大小。 现在我对许多风格感到困惑。哪里可能出错了？ 谢谢

CSS

#qhse
        {

        background-color: #92DF7B; 
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        opacity: 0.1;

        }

a.icon{
    width:52px;
    height:52px;
    position:absolute;
    top:0px;
    left:0px;
    cursor:pointer;
}

Answer 1

将这两个css类更新为：

#qhse {
   background-color: #92DF7B;
   width: 100%;
   height: 100%;
}
.item ul {
   list-style:none;
   display:inline-block;
}

Answer 2

删除

.item ul {display:none;}

并添加

.item ul {border: solid 1px;}

看到了？

Answer 3

你是不可见的，它有位置：绝对所以它不会增长你周围的div;

.item ul{
  list-style:none;
  position: relative;
}

也许你可以告诉我们它应该是什么样子以及它应该如何表现。