Html 为什么不'；是否所有具有相同类的元素都具有相同的填充？

因此，我制作了一个网页，当有人将鼠标悬停在第四个选项卡上以显示隐藏的第五个选项卡时，我制作了一个标题，其中包括4个链接/选项卡、一个徽标和一个下拉菜单。一切正常，但我似乎无法让第五个标签（“餐饮标签”）与其他四个标签具有相同的填充，即使它们都具有相同的类别“标签”。相反，它给它0填充。我想知道为什么会这样，是否有办法解决它

这是我的html：

<div class="header">
    <ul>
        <li class="tab"><a>Home</a></li>
        <li class="tab"><a>About</a></li>
        <li id="logo">
            <img src="images/logo.png" width="260" height="95"/>
        </li>
        <li class="tab"><a>Menu</a></li>
        <ul class="dropdown_container">
            <li class="tab super_tab"><a>Order</a></li>
            <div class="dropdown">
                <li class="tab sub_tab"><a>Cater</a></li>
            </div>
        </ul>
    </ul>
</div>

下面是一个JSFIDLE演示：

---

谢谢

问题源于

下拉列表

样式中的

显示：表格

。去掉它，填充物就会恢复正常。然而，这可能不是理想的方法。通常，在

显示：表格

的内部，div将被指定为显示为

显示：表格列

问题源于

下拉列表

样式中的

显示：表格

。去掉它，填充物就会恢复正常。然而，这可能不是理想的方法。通常，在

显示：表格

的内部，div将被指定为显示为

显示：表格列

问题源于

下拉列表

样式中的

显示：表格

。去掉它，填充物就会恢复正常。然而，这可能不是理想的方法。通常，在

显示：表格

的内部，div将被指定为显示为

显示：表格列

问题源于

下拉列表

样式中的

显示：表格

。去掉它，填充物就会恢复正常。然而，这可能不是理想的方法。通常，

display:table

div的内部会根据

Padding

适用于除

表格行组

，

表格标题组

以外的所有元素，

表尾组

，

表行

，

表列组

和

表列

。信息技术 也适用于

：：第一个字母

因此，只需将您的
显示：表
从
下拉列表
更改为您喜欢的另一个值，并且您不能将
作为
的子项

下面是一个可能的片段


ul{
保证金：0；
填充：0；
}
李{
列表样式类型：无；
}
.标题{
文本对齐：居中；
背景色：红色；
}
.选项卡，
#标志{
右翼：2.4%；
左：2.4%；
显示：内联块；
垂直对齐：中间对齐；
边框：2件纯黑；
}
.下拉列表，
.下拉菜单\u容器{
显示：内联块；
}
.sub_选项卡{
左边距：0；
}


主页

关于



菜单


订单


迎合



根据

Padding

适用于除
表格行组
，
表格标题组
以外的所有元素，
表尾组
，
表行
，
表列组
和
表列
。信息技术
也适用于
：：第一个字母

因此，只需将您的
显示：表
从
下拉列表
更改为您喜欢的另一个值，并且您不能将
作为
的子项

下面是一个可能的片段


ul{
保证金：0；
填充：0；
}
李{
列表样式类型：无；
}
.标题{
文本对齐：居中；
背景色：红色；
}
.选项卡，
#标志{
右翼：2.4%；
左：2.4%；
显示：内联块；
垂直对齐：中间对齐；
边框：2件纯黑；
}
.下拉列表，
.下拉菜单\u容器{
显示：内联块；
}
.sub_选项卡{
左边距：0；
}


主页

关于



菜单


订单


迎合



根据

Padding

适用于除
表格行组
，
表格标题组
以外的所有元素，
表尾组
，
表行
，
表列组
和
表列
。信息技术
也适用于
：：第一个字母

因此，只需将您的
显示：表
从
下拉列表
更改为您喜欢的另一个值，并且您不能将
作为
的子项

下面是一个可能的片段


ul{
保证金：0；
填充：0；
}
李{
列表样式类型：无；
}
.标题{
文本对齐：居中；
背景色：红色；
}
.选项卡，
#标志{
右翼：2.4%；
左：2.4%；
显示：内联块；
垂直对齐：中间对齐；
边框：2件纯黑；
}
.下拉列表，
.下拉菜单\u容器{
显示：内联块；
}
.sub_选项卡{
左边距：0；
}


主页

关于



菜单


订单


迎合



根据

Padding

适用于除
表格行组
，
表格标题组
以外的所有元素，
表尾组
，
表行
，
表列组
和
表列
。信息技术
也适用于
：：第一个字母

因此，只需将
显示：表格
从
下拉列表
更改为另一个y
ul {
    margin: 0;
    padding: 0;
}
li {
    list-style-type: none;
}
.header{
    text-align: center;
    background-color: red;
}
.tab, #logo{
    padding-right: 2.4%;
    padding-left: 2.4%;
    display: inline-block;
    vertical-align: middle;
    border: 2px solid black;
}
.dropdown{
    display: table;
}
.dropdown_container{
    display: inline;
}
.sub_tab{
    margin-left: 0;
}