【问题标题】:Can't click submit buttons due to Float:left由于 Float:left 无法点击提交按钮
【发布时间】:2013-03-19 15:53:17
【问题描述】:

标题说明了一切,我有 2 个按钮需要向左浮动, 但是当我将 float:left; 分配给相应的 css 时,按钮会出现“不可点击”,但我无法与它们交互。当我删除 float:left; 时,它们确实可以工作,但它们不在我希望它们所在的位置。

我的 FireBug 也没有给出任何错误信息,而且这个问题只发生在谷歌浏览器中。如果有人有任何建议,请与我分享。

这是部分代码:

HTML:

<div id="php_beam" class="php_beam">
    <form method="post" action="index.php">            
        <!-- PHP Beam Buttons -->
        <input type="submit" name="Previous"    value="Vorige" />
        <input type="submit" name="Next"        value="Volgende" />
     </form>
</div>

CSS:

.php_beam
{
    width:              950px;
    height:             20px;
    margin-left:        225px;
    margin-top:         5px;
    float:              left;
}

明确地说,我想知道是否有其他解决方案,而不是使用 float:left;,因为这似乎会导致问题。

【问题讨论】:

  • @NullPonyPointer 不,这根本没有帮助。在 &lt;form&gt; 中定义时,浮动似乎根本不起作用
  • &lt;!-- PHP Beam Buttons --&gt; 是什么?你还在用别的吗?
  • 您可以尝试在 jsFiddle 中复制该问题吗?我们调试起来会更容易:)
  • 那是注释,上面显示的代码是&lt;div&gt;里面唯一的代码
  • 您可以使用position:relativeposition:absolute 然后分配leftright 例如:left:5px; right:5px;

标签: html css layout


【解决方案1】:

试试:

.php_beam
{
    width:              950px;
    height:             20px;
    margin-left:        225px;
    margin-top:         5px;
}

.php_beam input
{
    float:              left;
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-12-23
    • 2016-11-28
    • 1970-01-01
    相关资源
    最近更新 更多