容器沒有隨內容擴展

我對我的一個容器有點問題。它不會隨我的內容擴大。下面是代碼：容器沒有隨內容擴展

<!--center section start--> 
<div id="centerContent"> 
    <!--center left begin--> 
    <div id="centerLeft"> 
    <h2> 
    Special Disney Ticket Offer! 
    </h2> 
    <p class="specCont"> 
    <img class="specImg" src="images/universal-main-offer.jpg" alt="Special Universal Studios Ticket Offer!" /> 
    Super Value Disney 3 Day Touch of Magic Ticket! Just $219 for each ticket! Get 3 Days to visit the Disney Theme Parks (Magic Kingdom,  Epcot, Hollywood Studios, Animal Kingdom) PLUS a 4th day at Disney Quest, Blizzard Beach or Typhoon Lagoon! For an unbelievable value!  Call &amp; ask for the Resort offer<br />(restrictions apply).<br /> <strong>Call us: 1-800-544-7646</strong> 
    </p> 
    </div> 
    <!--center left end--> 
    <!--center right begin--> 
    <div id="centerRight"> 
    <a href="http://tix.greatorlandodiscounts.com/index.php?catid=106"> 
    <img class="rightFrontImg" src="images/legoland-fl-front-ad.jpg" alt="Legoland Florida Discount Tickets" /> 
    </a> 
    </div> 
    <div class="clear"></div> 
    <!--center right end--> 
</div> 
<!--center section end-->

CSS：

#centerContent { 
    width: 980px; 
    height: 100%; 
    background-image:url(../images/main-special-bg-strip.png); 
    background-repeat:repeat-y; 
} 

#centerLeft { 
    width: 572px; 
    height: 100%; 
    float:left; 
} 

#centerRight { 
    width: 408px; 
    height: 100%; 
    float:right; 
}

我所希望做的是有內部的兩個div的centerContent DIV伸展。 centerContent上有一個背景條，可以讓白色背景100％擴展。

我希望提出某種意義，並提前感謝您的任何和所有幫助。

來源

2014-07-01 user3704175

將overflow:auto;添加到#centerContent。

由於子div被浮動，父母崩潰並且沒有內容。添加overflow:auto;可恢復預期行爲。

來源

2014-07-01 15:45:18 j08691

感謝您的快速響應。我剛剛嘗試過，我的底部和右側都有滾動條。 – user3704175

根據您提供的代碼，這不會發生：http://jsfiddle.net/j08691/KW6M9/。您也可以嘗試使用「overflow：hidden」。 – j08691

再次感謝您。我嘗試過，並得到和以前一樣的效果。有沒有我可以發佈整個頁面代碼？ – user3704175

容器沒有隨內容擴展

回答

相關問題