Question

我确定这会是一个错误，我只是一直在看，但我有一些div，所有浮动，我已经清除它们，它们只是不包含内容。

这就是我所拥有的：

<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的高度，所以当然内容会溢出。你的目标究竟是什么？

css容器不包含文本

1 个答案: