我无法让一些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
答案 0 :(得分:0)
如果我理解正确,你想并排两个div?如果是这样。您需要使用style=""
属性或css
#products, #otherproducts { float:left; width:48%; position:absolute; }
如果没有,请告诉我。我会看到我能做些什么。