css - 宽度没有反应，因为它应该

Question

我正在开始我的第一个元素，创建一个网站，我在尝试设置 div 的宽度时遇到了一些问题。不知何故，它没有占用该元素可用宽度的 100%。(我希望它们水平显示，它们之间的间距相等) 我只能让三个列表项在他的行的开头(左)一个挨着另一个

这就是 html:

.sort_buttons {display:inline-block;
  width: 100%;
}
.sort_btn  {display:inline-block;
                    margin:auto;
                    width:auto }

 <ul class="sort_buttons">
         <li class="sort_btn" type="button" name="button">size</li>
         <li class="sort_btn" type="button" name="button">size</li>
         <li class="sort_btn" type="button" name="button">size</li>
      </ul>

提前致谢。

Answer 1

div 在哪里？您是指 ul 元素吗？

如果是这样，那实际上是 100% 宽度。

如果您的意思是希望 li 为 100%，您只需使用:

.sort_btn { 列表样式:无； }