CSS容器不包含文本

Question

我敢肯定，这是一个错误，我一直在看着，但我有一些div，全部漂浮了，我已经清除了它们，而它们只是不包含内容。

在这里设置http://jsbin.com/atinap/32/edit

所以这就是我所拥有的：

<div class="blue">
        <img id="committee_img" class="header_img"     src="http://www.brighamandwomens.org/Patients_Visitors/pcs/RehabilitationServices/icons/comitt  
ee_members_icons.png" />
  <p id="committee_txt" class="TXT_med_blue header_text">Research Committee Members</p>
  <br class="unfloat">
<div id="members_wrapper">
  <div id="members_1">
      <p class="TXT_sm_grey"> Mary O’Brien, OTR/L, CHT<br>
       Ken Shannon, PT, DPT, OCS<br>
       Rebecca G. Stephenson, PT, DPT, MS, WCS<br>
       PJ Su, MS, CCC-SLP<br>
       Reg B. Wilcox III, PT, DPT, MS, OCS
    </p>
  </div>
  <div id="members_2">
  </div>
  <div id="members_3">
  </div>
  <br style="clear:both;">
</div>
</div>

这是CSS：

#publications_img {
padding-top:10px;
margin-left:325px;
}  
#publications_txt {
padding-top:10px;
padding-left:302px;
}  
#committee_img {
padding-top:10px;
margin-left:318px;
}  
#committee_txt {
padding-top:10px;
padding-left:234px;
}  
#members_wrapper {
border:1px solid red;
}
#members_1 {
width:226px;
height:2px;
border:1px solid red;
float:left;
}
#members_2 {
width:226px;
height:2px;
border:1px solid blue;
float:left;
}
#members_3 {
width:226px;
height:2px;
border:1px solid yellow;
float:left;
}

Answer 1

您正在分配Div的2px高度，因此内容当然会溢出。您的目标到底是什么？