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

Question

我正在尝试将网站上的一个元素移到另一个元素旁边。

<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLnN0YWNrLmltZ3VyLmNvbS9iaTlGNS5wbmcifQ==” alt =“在此处输入图像描述”>

[基本上，我希望购物车按钮位于数量的右边。 float: right将按钮水平移到右侧。但我也想将它们彼此相邻移动。

Answer 1

[.quantity是一个块元素（占据整行），因此您可以像这样使用float：

.quantity {float: left;}

[如果您的浮动元素开始从其父元素中退出（并且除非有一个非浮动元素的比例高于所有元素，否则它们会消失），请不要忘记单击clear:both;。

Answer 2

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

float: left;

和指向]的按钮>

display: inline; 
http://jsfiddle.net/v7ryN/

Answer 3

根据宽度比例尝试使用position:relative;margin-right:10em。希望对您有所帮助

Answer 4

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

Answer 5

将HTML更改为此：

Answer 6

只需用display:inline;更改按钮元素，并用float:left;更改输入元素。您可以尝试使用此解决方案。