Float:在Firefox插件代码中无法正常工作

时间:2015-08-04 09:17:51

标签: html css firefox firefox-addon

我正在使用Firefox附加组件,其中我需要一个面板右侧的按钮,我使用float:right样式属性但是当我使用此属性时按钮对齐和文本位于其下的区域消失但是当我运行没有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有问题。

1 个答案:

答案 0 :(得分:2)

您忘记关闭样式属性值。是吗?看起来很好。

      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>