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 或演示，这是不可能的。