Html Can'；无法使div具有背景色

我有以下html标记：

            <div id="com_loaded">
                <div id="com_loaded_userpic"><a href="#" class="tooltip"><img src="pic.jpg" class="img_poster" /><span>Username</span></a></div>
                <div id="com_loaded_content">
                    <div id="com_loaded_poster">Username</a></div>
                    <div id="com_loaded_text">Comment text</div>
                </div> 
            </div>

已加载com_的容器具有背景色。但是这个背景色没有显示出来。当我给容器一个高度时，它就会显示出来。但是由于注释文本没有一定的高度（这取决于注释的长度），我不想设置高度

---

如何显示容器中所有div的容器背景色？我不知道我做错了什么……

浮动内容不会影响其容器的布局，因此，除非您明确设置浮动div，否则任何包裹在浮动div周围的项目都不会有高度（或者除非有其他元素会赋予其高度）。您可以通过在#com loaded的末尾添加一个

来纠正此问题。

浮动内容不会影响其容器的布局，因此，除非您明确设置浮动div，否则包裹在浮动div周围的任何项目都不会有高度（或者除非有其他元素会赋予其高度）。您可以通过在“已加载com”的末尾添加一个

来纠正此问题。

我不希望在单个注释中包含滚动条。。。。但是你的解决方案显示背景色，但是我的布局改变了……你测试过了吗？你看到滚动条了吗？是的，我已经测试过了，它没有显示滚动条。但是我的float:left和clear:left布局是混乱的。我不想在一条评论中有一个滚动条。。。。但是你的解决方案显示背景色，但是我的布局改变了……你测试过了吗？你看到滚动条了吗？是的，我已经测试过了，它没有显示滚动条。但是我的float:left和clear:left的布局很混乱。杰森，这是一个很好的解释！它工作得很好。我不知道漂浮物没有清晰的高度：两个分区。非常感谢@Stefan不客气！我很高兴我的解释很清楚。杰森，这是一个很好的解释！它工作得很好。我不知道漂浮物没有清晰的高度：两个分区。非常感谢@Stefan不客气！我很高兴我的解释很清楚。

 #com_loaded {
position: relative;
width: 250px;
padding: 0px;
clear: both;
background-color:#3FC;
 }

 #com_loaded_userpic {
position: relative;
width: 55px;
height: 60px;
float: left;
padding-left: 5px;
 }

 #com_loaded_content {
position: relative;
width: 185px;
float: left;
padding-left: 5px;
 }

 #com_loaded_poster {
position: relative;
width: 185px;
float: left;
clear: left;    
 }

 #com_loaded_text {
position: relative;
width: 185px;
float: left;
clear: left;
padding-bottom: 10px;
 }