通过向右浮动对齐 Div

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; }

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

通过向右浮动对齐 Div

Aligning Divs By Floating Right

html

css

code-formatting