Html Div类是错误的方法吗？

嗨，我正在使用Wordpress和Woocommerce以及Wootique主题

我有两个div类，一个包含登录链接，另一个是货币小部件短代码

我希望他们在同一条线上像这样：

Login/Register |CURRENCY BOX|

但目前它们是这样转换的：

Login/Register |CURRENCY BOX|

|货币箱|登录/注册

我不明白他们为什么调换位置

。登录{
显示：内联块；
浮动：对；
保证金：自动；
}
.货币{
浮动：对；
显示：内联块；
保证金：自动；
}

---

如果你在做浮动：正确，一切都是向右浮动的。因此html中的第一个元素是最右边的，之后的第二个元素与右边的第一个元素保持一致

。登录{
显示：内联块；
浮动：对；
保证金：自动；
}
.货币{
浮动：对；
显示：内联块；
保证金：自动；
}

你的货币

因为它们被设置为float:right，所以最上面的div将是最右边的div。要切换它们，只需按如下方式对html重新排序：

<div class="currency">
  <?php echo do_shortcode( '[woocs]' );?>
</div>
<div class="login">
  <a href="http://casper-creations.com/my-account/">Login/Register</a>
</div>

---

当您浮动项目时，该项目会立即被推到右侧，忽略其他正常的“块”项目

如果您有两个项目并排在右侧浮动，那么代码遇到的第一个项目将固定在右侧，并保持在那里

---

如果下一个项目也被设置为向右浮动，则它将占用下一个可用空间来放置之前浮动的项目。

您可以选择使用定位而不是浮动元素：

。登录{
显示：内联块；
位置：绝对位置；
保证金：自动；
右：30px；
}
.货币{
显示：内联块；
保证金：自动；
位置：绝对位置；
右：0；
}

£/$

您可以将货币和登录按钮包装到包装类中，将其向右浮动并显示包含元素的内联块

片段


正文{
字体系列：Arial，无衬线；
}
.包裹{
浮动：对；
}
.登录{
显示：内联块；
保证金：自动；
背景:#中交;；
填充：10px；
}
.登入{
颜色：#383838；
文字装饰：无；
}
.货币{
显示：内联块；
颜色：#FFFFFF；
背景：#000000；
填充：10px；
}
p{
保证金：0；
}

通货