不包含文本的 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 的高度，因此内容当然会溢出。你的目标到底是什么？