Html UL不是它应该达到的高度

Html UL不是它应该达到的高度,html,css,Html,Css,我有一个导航,包括一个下拉列表 <ul> <li class="n1">Nav 1</li> <li class="n2">Nav 2</li> <li class="n3">Nav 3 <ul class="dropdown"> <li>DropDown 1</li> <li>DropDown 2</li> <li>DropDo

我有一个导航,包括一个下拉列表

<ul>
<li class="n1">Nav 1</li>
<li class="n2">Nav 2</li>
<li class="n3">Nav 3
<ul class="dropdown">
    <li>DropDown 1</li>
    <li>DropDown 2</li>
    <li>DropDown 3</li>
</ul>
但随后隐藏的下拉列表被切断


有什么解决方法吗?

您可以尝试使用填充。这将在每个元素周围留出一些额外的空间

请给我打电话。你现在应该知道这一点了,因为我正确地理解了你在尝试什么。您应该将边距更改为填充并删除溢出。但如果你能提供一些代码将其更改为填充,这将是完美的,同样的问题。请提供一些代码给我们。不,这也不起作用。出于某种原因,UL元素不存在于它内部的元素中。这是不是每个浏览器都存在?只是测试Google chrome atm。嗯,我建议也在另一个浏览器中测试它,有时根据浏览器的不同,事情不会正确对齐,我不确定确切的原因,查看它在另一个浏览器中的外观,如果它看起来不错,这将帮助您了解它是否是chrome特有的问题。
overflow: hidden