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

【问题标题】：Float: right not working properly in Firefox addon Code浮动：在 Firefox 插件代码中无法正常工作
【发布时间】：2015-10-26 14:59:05
【问题描述】：

我正在使用 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 有问题。

【问题讨论】：

标签： html css firefox firefox-addon

【解决方案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>

【讨论】：