首先，我将说这些元素在高度为设定数字时适合我的要求。它们是均匀的，看起来非常好，每件物品均等分布：
但是，我真的不希望每个项目都具有统一的高度。它留下了很多空白，无法填补必要的空间。因此，我将其更改为自动，当高度不同时，它会跳过一行，从而留下更差的空白：
但是我希望它在容器中动态填充，就像这样：
这可能吗？我使用的显示类型错误吗？框的代码是这样的：
#myUL {
list-style-type: none;
display: inline-block;
font-size:10px;
width: 60%;
height:auto;
position: absolute;
left:20%;
background-color: transparent;
overflow:hidden;
}
#myUL li {
float:left;
padding:10px;
background-color:transparent;
white-space: nowrap;
}
#myUL li a {
display: inline-block;
color: white;
width:200px;
height:auto;
text-align: center;
padding: 10px;
text-decoration: none;
line-height: normal;
background-color:#ddd;
}