欧美一区二区三区性视频_婷婷综合另类小说色区_亚洲av乱码一区二区三区林ゆな_天堂在线资源中文在线8_久久这里只有精品首页

妙網(wǎng)科技 妙網(wǎng)科技 首頁(yè) 妙網(wǎng)科技 網(wǎng)站開(kāi)發(fā) 妙網(wǎng)科技 CSS3使用 calc() 計(jì)算DIV寬度高度

CSS3使用 calc() 計(jì)算DIV寬度高度

所屬欄目: 網(wǎng)站開(kāi)發(fā) | 更新時(shí)間:2017-10-24 | 閱讀:6225 次

以前我們想實(shí)現(xiàn)DIV寬度的計(jì)算,只能使用JS,現(xiàn)在可以使用CSS3快速高效的進(jìn)行計(jì)算:

div{

        width: calc(100vw - 220px);

        height: calc(100vh - 100px);     

    }

其中:

vw Viewport寬度, 1vw 等于viewport寬度的1%
vh Viewport高度, 1vh 等于viewport高的的1%

viewport:可視窗口,也就是瀏覽器。

也可以這樣寫(xiě):

div{

        width: calc(100% - 220px);

        height: calc(100% - 100px);     

    }

需要注意的是:

 calc(100% - 220px)中間的“-”,一定要有空格,不然不起作用的。

?