html - 隐藏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 只能是其他 LI 的兄弟。[更新：我没有看到屏幕外的 UL。我的错。]

然后，您的表单上可能有导致图像中出现灰色空间的样式，例如form {margin-bottom: 15px;}. 没有您的 CSS 或演示，就不可能说。