Html 我试着将两个div并排对齐

我在处理一些css以使其看起来像我想要的那样时遇到了问题

以下是网页：

我想目录的形象是在左边，与描述的权利和属性，并添加到购物车下面

我已经试着让跳水运动员左右浮动。我不确定是否必须将图像粘贴在div中，然后将其单独浮动。我对PHP不太精通，所以我一直在尝试用CSS来让它工作

有什么帮助吗

非常感谢！

---

Alisha

在你的网站上，有很多东西漂浮在水面上。这不是最好的方法。浮动与位置不同，所以我认为所有设置为“浮动正确”的事情都没有按照你的想法进行。你不想到处乱扔东西，只有一件事

在这种情况下，唯一应该浮动的是图像，只需将一个对象向左浮动，并使用其边距和填充来排列其他对象

这将帮助您更好地控制浮动

至于修复页面：

首先，需要使图像向左浮动。在右侧放置足够的填充物，必要时在图像上方/下方放置大量填充物，以避免图像下方的内容被包裹

div.product_grid_display div.product_grid_item img {
    border:medium none !important;
>>> float:left;
>>> padding:0 20px 35px 0; /*this padding worked for me */
}

第二，关闭这个float left并添加一个clear:tware属性

div.product_grid_item {
>>> float:left; /*DELETE THIS LINE*/
    height:auto !important;
    margin:4px 8px 8px 0;
    position:relative;
    clear:both;
}

关闭div.grid\u product\u info、div.product\u text和input.wpsc\u buy\u按钮上的浮动，我会在input.wpsc\u buy\u按钮中添加“margin:10px 0 0 28px；”

如果在div.product\u grid\u显示中添加“clear:tware”，则不需要名为“div.grid\u view\u newline”的div，因此我将去掉它

那就可以了

我希望这有帮助，请让我知道，如果你有任何更多的问题，请记住投票这个答案，并检查这个答案为“答案”，如果这解决了你的问题

---

谢谢。

在你的网站上，有很多东西漂浮着。这不是最好的方法。浮动与位置不同，所以我认为所有设置为“浮动正确”的事情都没有按照你的想法进行。你不想到处乱扔东西，只有一件事

在这种情况下，唯一应该浮动的是图像，只需将一个对象向左浮动，并使用其边距和填充来排列其他对象

这将帮助您更好地控制浮动

至于修复页面：

首先，需要使图像向左浮动。在右侧放置足够的填充物，必要时在图像上方/下方放置大量填充物，以避免图像下方的内容被包裹

div.product_grid_display div.product_grid_item img {
    border:medium none !important;
>>> float:left;
>>> padding:0 20px 35px 0; /*this padding worked for me */
}

第二，关闭这个float left并添加一个clear:tware属性

div.product_grid_item {
>>> float:left; /*DELETE THIS LINE*/
    height:auto !important;
    margin:4px 8px 8px 0;
    position:relative;
    clear:both;
}

关闭div.grid\u product\u info、div.product\u text和input.wpsc\u buy\u按钮上的浮动，我会在input.wpsc\u buy\u按钮中添加“margin:10px 0 0 28px；”

如果在div.product\u grid\u显示中添加“clear:tware”，则不需要名为“div.grid\u view\u newline”的div，因此我将去掉它

那就可以了

我希望这有帮助，请让我知道，如果你有任何更多的问题，请记住投票这个答案，并检查这个答案为“答案”，如果这解决了你的问题

---

谢谢。

使用“float:left；”示例：

使用“float:left；”示例：

如果我理解你的问题，那么你需要在div中使用span

<div>
   <span>image</span>
   <span>description</span>
</div>
<div>
   <span>buttons</span>
</div>

形象
描述
按钮

如果我理解你的问题，那么你需要在div中使用span

<div>
   <span>image</span>
   <span>description</span>
</div>
<div>
   <span>buttons</span>
</div>

形象
描述
按钮

谢谢你帮了大忙。我还在努力，但这让我更亲近了。谢谢你帮了我大忙。还在努力，但这让我更接近了。