img in <div>不浮动权利

Question

我有一个宽度为100％的div：在div中，我试图将图像浮动到右边。

[

我一直在使用chrome inspect元素尝试一系列不同的方法将图像浮动到屏幕的右端，并将文本留在左边但不起作用。

以下是包含周围代码的图片：

Answer 1

夫妻建议：

1. 使用单独的CSS文件。跟踪CSS会更容易。不同的规则可能优先，如果您使用单独的文件将更清楚。调试CSS问题也会更容易。
2. 我不确定为什么你将啤酒菜单作为“右对齐”课程的一部分。你是不是对齐左边并试图将三个点的图像对齐？这有点令人困惑。
3. 您可以随时尝试“正确：0px;” CSS规则。我不能帮你编写一些完美无缺的东西而不能自己尝试，但这可以解决你的问题。你也可以给出“position：absolute;”一枪

一定要清理你的CSS，这一切都会变得更容易。

编辑：

它不是最好的，但是将它添加到您的图像中对我有用：

right: 0px;
top: 10px;
position: absolute;

Answer 2

通过查看该屏幕截图，您可能会尝试给您的img一个相对位置。这通常可以解决浮动问题。但是不要忘记清除你的父元素，这样div就不会自行崩溃。

我还建议不要将所有内容定位为固定的，除非最初由JS定位，否则通常会遇到响应问题，如果是这样，我的不好。

但是浮动问题，通常会将其搞定。

祝你好运！

Answer 3

这就是我所做的，它在我的浏览器中起作用：

<h5 class="valign right-align" style="float:left">Beer Menu</h5>

其余代码保持不变。

Answer 4

尝试将它们放在表格中并将列内容对齐。像

这样的东西

<table style="width">
<tr>
<td><h5>Beer Menu</h5></td>
<td align="right"><img /></td>
</tr>