Html 如何使用CSS将一个元素移动到另一个元素的右侧？

我试图在我的网站上移动一个元素到另一个元素

---

基本上，我希望购物车按钮在数量的右边<代码>浮动：向右将按钮水平移动到正确的位置。但是我也希望将它们彼此相邻地移动。

。quantity

是一个块元素（它占据整行），因此可以像这样使用

float

：

.quantity {float: left;}

---

不要忘记清除：两者都是。

尝试使用

位置：相对；右边距：10em

取决于您的宽度比例。希望这有帮助

您可以使用HTML格式的表格，然后在同一行的不同列中添加购物车按钮和数量。

将HTML更改为：

<div class="quantity buttons_added"><input type="button" value="-" class="minus" style="float: left;
"><input type="number" step="1" min="1" name="quantity" value="1" title="Qty" class="input-text qty text" style="float: left;
"><input type="button" value="+" class="plus" style="float: left;
"><button type="submit" class="single_add_to_cart_button button alt" style="float: left;">Add to cart</button>
</div>

---

我查过了。它会起作用。

您可以将数字选择元素的容器设置为

float: left;

还有按钮

display: inline; 

---

只需使用

display:inline更改按钮元素和带有
浮动的输入元素：左。你可以试试这个解决方案

input-field-name {
   float:left;
}

add-cart-button-name {
   display: inline;
}

使用float:left或偶数、display:inline或inline block时会发生什么
input-field-name {
   float:left;
}

add-cart-button-name {
   display: inline;
}