相关疑难解决方法(0)

我试图在另一个div内并排放置2个div,这样我就可以有2列文本,而外部div在它们周围绘制一个边框:

HTML

<div id="outer">
    <div id="left">
         ...
    <div id="right">
</div>

CSS

#outer{
    background-color:rgba(255,255,255,.5);
    width:800px;
}

#left{
    float:left;
}

#right{
    width:500px;
    float:right;
}

但是,外部div注册的高度为0px,因此边框不会绕过其他div.如何让外部div识别其内部物体的高度？

我想减少list-group-item的高度.

    <ul class="list-group" style="max-height: 200px;overflow: auto;">
        <li class="list-group-item" ng-repeat="i in filters">
            {{i}}
        </li>
    </ul>

我能怎么做？我应该添加自定义css类吗？