通过浮右对齐Div

时间:2015-03-27 17:53:22

标签: html css code-formatting

我无法让一些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>

并且基本上复制了之前的格式以获得相同的结果,但是生成的图像只是将自己与顶部图像放在一起。

非常感谢任何帮助。提前谢谢。

〜zaklikescode

1 个答案:

答案 0 :(得分:0)

如果我理解正确,你想并排两个div?如果是这样。您需要使用style=""属性或css

指定内联的宽度和位置
#products, #otherproducts { float:left; width:48%; position:absolute; }

如果没有,请告诉我。我会看到我能做些什么。