浮动：正确在 Firefox 插件代码中无法正常工作

Question

我正在使用 Firefox 附加组件，其中我需要在面板右侧有一个按钮，我正在为其使用 float:right 样式属性，但是当我使用此属性时，按钮右对齐并且位于它下面的文本区域消失了，但是当我运行没有 float right 属性的代码时，代码工作正常。

这是我使用了右浮动属性的代码。

<head>
    <style type="text/css" media="all">
      textarea {
        margin: 2% 5%;
        width:90%
      }
    </style>
  </head>

<body>
    Email Arrieved 
    <input type="button" id ="clearall" value="Respond" style="float: right;>
    <textarea rows="4" id="edit-box" ></textarea>
  </body>

</html>

我想要的输出是带有按钮的文本应该左对齐，按钮应该与位于它们下方的文本区域右对齐。

我正在为 Firefox 中的一个插件编写代码，所以是否有一些特定的功能可以执行此操作，或者 css 有问题。

Answer 1

您忘记关闭样式属性值。是吗？这里看起来不错。

      textarea {
        margin: 2% 5%;
        width:90%
      }

    Email Arrieved 
    <input type="button" id ="clearall" value="Respond" style="float: right";>
    <textarea rows="4" id="edit-box" ></textarea>

浮动：正确在 Firefox 插件代码中无法正常工作

Float: right not working properly in Firefox addon Code

html

css

firefox

firefox-addon