隐藏html表单放大元素

Question

我不明白如何在不扩大其他元素的情况下隐藏html中的表单。这是一个带有html表单隐藏的下拉菜单：

<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">                                       Language <i class="icon-angle-down"></i>                                                  </a>                                                   
<ul class="dropdown-menu" style="background:#a2a2a2">
    <li>
        <form id="form-ItemIDLangID" action="ItemView.php" method="post">
            <a href="javascript:;"onclick="document.getElementById('form-ItemIDLangID').submit();">English</a>
            <input type="hidden" name="itemPOST" value='itemID'>
            <input type="hidden" name="langPOST" value='langID'>
       </form>
    </li>
    ...
</ul>

这就是结果：

没有表格：

<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">                                       Language <i class="icon-angle-down"></i>                                                    </a>                                                 
<ul class="dropdown-menu" style="background:#a2a2a2">
    <li>
        <a href="#">English</a>
    </li>
    ...
</ul>

这是结果：

我无法理解如何使用表格并且在第一张图片中没有放大效果，我希望它看起来像第二张图片，我该如何解决？

Answer 1

首先，您的HTML无效。李只能是其他LI的兄弟姐妹。 [更新：我没有看到在屏幕外的UL。我的错误。]

然后，您的表单上可能包含导致图像中灰色空间的样式 - 类似于form {margin-bottom: 15px;}。没有你的CSS或演示，就不可能说出来。