通过浮动向右对齐Divs

Question

我在让某些div浮动并正确对齐方面遇到麻烦。

我有两个div，其中包含工作正常的图像，我需要再添加两个，并且图像的行为方式相同。

我尝试使用相同的代码使当前的div正常工作，但是它们似乎自动将自己分配给与我要使用的其他图像相同的div。

//这里是代码。

<div id="products">
        <img src="cbdog.jpg" style="float: left; padding-bottom: 25px;">
        <br>
        <br>
    </div>
    <div id="otherProducts">
        <br>
        <br>
    <img src="gelog.jpg" style="float: left;">
    </div>

我试图这样做是内联的。

所以我尝试去做。

<div id="products">
        <img src="cbdog.jpg" style="float: left; padding-bottom: 25px;">
        <br>
        <br>
    </div>
    <div id="otherProducts">
        <br>
        <br>
    <img src="gelog.jpg" style="float: left;">
    </div>
<div id="cbdGel">
        <br>
        <br>
    <img src="gelog.jpg" style="float: left;">
    </div>

并且基本上复制以前的格式以获得相同的结果，但是所得的图像只是将自身放置在与顶部图像相同的div上。

任何帮助将不胜感激。 提前致谢。

〜zaklikescode

Answer 1

如果我理解正确，您是否希望两个div并排？ 如果是这样的话。 您需要使用style=""属性或在CSS中内联分配宽度和位置

#products, #otherproducts { float:left; width:48%; position:absolute; }

如果没有，请告诉我。 我会看看我能做什么。