天天看點

使用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()的使用