如何使元素strech与其中的内容高度相同？或

头div的高度不会垂直拉伸，以适应在它的内容，除非我指定它的高度，除非我坚持的其中之一：如何使元素strech与其中的内容高度相同？或

<div style="clear:both"></div>

头div的结束标记之前。

<style type="text/css"> 
#header { 
    border: 1px solid green; 
} 
</style> 

     <div id="header"> 
      <span id="logo"><img src="images/logo.png" /></span> 
      <span class="fright">something will go here</span> 
      <ul> 
       <li><a href="#">Home</a></li> 
       <li><a href="#">About Us</a></li> 
       <li><a href="#">Contact</a></li> 
      </ul> 
     </div><!-- header -->

这可以做到不使用“清除div”或没有给头div一个固定的高度吗？

来源

2010-03-06 Jake

明确会产生影响的唯一原因是如果您使用浮动。你能发布你的所有CSS吗？

来源

2010-03-06 01:57:56

您可以使用clearfix方法避免必须使用清除div。它记录在this site。

.clearfix:after { 
    visibility: hidden; 
    display: block; 
    font-size: 0; 
    content: " "; 
    clear: both; 
    height: 0; 
    } 
* html .clearfix    { zoom: 1; } /* IE6 */ 
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

然后你所要做的就是给div一个.clearfix类。

来源

2010-03-06 02:04:49

试试这个：

#header { overflow: auto; width: 100%; }

它会清除你过去的彩车没有额外的元素

来源

2010-03-06 02:05:24

如何使元素strech与其中的内容高度相同？或

回答

相关问题