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

你必须删除MaxWidth，试试这个，这将把它分开。

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

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

嵌套div浮动对齐

1 个答案: