嵌套的div浮動對齊

試圖佈局這些嵌套的div並試圖找出清除有一些樂趣。我試圖將我的廣告放在www.ffldraftoptimizer.com上我的內容的正確位置，但它顯示在我的內容下方。做了這麼多的測試和尋找解決方案，真的不能說我已經嘗試過什麼，也沒有過。我已經簡化了代碼，並提出了一些關於它目前基本佈局的評論。希望有人能夠檢查出網站並提供幫助。嵌套的div浮動對齊

//container: 
    //div.MaxWidth 
    //{ 
    //width:50%; 
    //height:auto; 
    //max-width:50%; 
    //text-align:justify; 
    //text-justify:inter-word; 
    //} 
    <div class="MaxWidth"> 
     //#left {float:left} 
     <div id="left"> 
     <div > 
      <img src="images/optimizefront.jpg" class="floatLeft" /> 
       //content that wraps around the image as desired 
     </div> 
     </div> 
     <div> 
       //ad 
     </div> 
    </div>

來源

2013-05-17 MiamiMoosh

請在[JSfiddle]（http://www.jsfiddle.net）上提供[SSCCE]（http://www.sscce.org）。另請參閱[僅關聯項目的策略]（http://meta.stackexchange.com/questions/125997/something-in-my-web-site-or-project-doesnt-work-can-i-just-膏狀一個鏈接到它）。 –

盡最大努力縮小範圍併發布代碼...不確定「僅鏈接我的項目適用的政策」如何應用 – MiamiMoosh

您的文字評論*「希望有人能夠查看網站並提供幫助」*表示當您修復原始網站時，該問題將無法使用，從而使這個問題對將來出現類似問題的讀者無用。 –

你必須刪除MaxWidth，並試試這個，這會分開它。

#left 
{ 
width:50%; 
float:left; 
} 
#right 
{ 
width:50%; 
float:right; 
} 

<div> 
    <div id="left"> 
     <img src="......."/> 
    </div> 
    <div id="right"> 
    </div> 
</div>

來源

2013-05-17 22:30:56 Narzul

我一直在你的網站在Firefox中，我看不到你正在描述的問題 – Narzul

好吧，我在FF 20.0.1和FF 21中試過它，它顯示在底部的廣告，但我真的厭倦了它，所以它只是要做。 2分之3不錯。讓未來的旁觀者知道代碼可能會在FF中產生問題。感謝您的幫助 – MiamiMoosh

嵌套的div浮動對齊

回答

相關問題