jQuery列表元素垂直占据父级的整个高度

Question

我有四个图标垂直显示在ul中，高度为100％，宽度固定。 我希望图标符合ul的实际大小。

<div>  
    <ul id="user-actions">
       <li><i class="icon1"></i></li>
       <li><i class="icon2"></i></li>
       <li><i class="icon3"></i></li>
       <li><i class="icon4"></i></li>
    </ul>
  </div>

例如here

所以我试图为li添加一些保证金百分比，但如果div的大小发生变化，那么李的保持不变......

Answer 1

将此样式用于li标签

li{
    height: 25% !important;
}

这有帮助吗？