html - 嵌套 div 浮动对齐

Question

尝试布局这些嵌套的 div 并尝试找出清除时会很有趣。我试图将我的广告放在 www.ffldraftoptimizer.com 上我的内容的右侧，但它显示在我的内容下方。做了这么多测试和寻找解决方案，真的不能说我尝试过什么，没有尝试过什么。我已经压缩了代码并就它目前的基本布局发表了一些评论。希望有人可以查看该网站并提供帮助。

//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>

Answer 1

you have to remove the MaxWidth, and try this, this will separate it.

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

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