天天看点

使用calc()计算元素宽度

<div style="width: 1200px;">

     <ul>

        <li>1</li>

        <li>2</li>

       <li>3</li>       

       <li>4</li>

    </ul>

</div>

1、容器宽度1200

   前提: 每行4列      

                li的间距16px(最后一个li没有间距)

                li的宽度:calc(25% - 16*3/4) //25%是在没有间距的情况下平分,3个间距被4个li平分,每一个就是16*3/4,减去之后,就是真实的li的宽度

上一篇: calc()的使用