溢出問題

Question

我有以下的標記，

<section class="top"> 
     <article class="the-team"> 
      <section> 
      <img width="106" height="113" title="key-staff-tim" alt="key-staff-tim" class="attachment-post-thumbnail wp-post-image" src="test.jpg">    
       <section class="biography"> 
       <h3>name &ndash; position</h3> 
       <p>Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content</p> 
<p>Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content</p> 
      </section> 
    </section> 
</article> 
</section> 

，我有以下的CSS，

.the-team { 
    width: 443px; 
    float: left; 
    overflow: hidden; 
    position: relative; } 
    .the-team .biography { 
    width: 313px; 
    position: absolute; 
    top: 0px; 
    left: 124px; } 
    .the-team .biography p { 
     margin: 0px 0px 10px 0px; } 

但是我的溢出隱藏在部分所有的所有內容時，它不應該，我怎麼能阻止這個/

Answer 1

一旦你完全放置內容，你將它從父元素的流中移除。這導致父母在計算高度時不使用它。由於它設置爲不顯示溢出，所以在其框外的所有內容都將被刪除。你有絕對定位內容的具體原因嗎？

Answer 2

在哪個瀏覽器中測試這個。我已經檢查了我的Firefox和它工作正常。溢出屬性工作正常。