在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5/ css 如何讓div的高度自適應

css 如何讓div的高度自適應

背景&&問題:
如圖:
圖片描述

補充: 我在less文件中使用

div2{
    height:calc(100vh - 140px)
}

不好使,在瀏覽器中查看被計算成-40vh。
但是在瀏覽中直接調試 calc(100vh - 140px)是好使的,在less編譯過程搞了什么事情??

回答
編輯回答
純妹
2017年5月24日 18:00
編輯回答
瞄小懶

https://codepen.io/vizocn/pen...

<div class="wrapper">
    <div class="d1"></div>
    <div class="d2"></div>
</div>
2017年9月2日 21:37
編輯回答
枕頭人

less中的寫法錯了,應該是height:calc(~"100vh - 140px"),因為less是會自動計算的,加~符號可以不讓它進行計算。

2017年9月8日 06:36
編輯回答
陌南塵

計算屬性:calc(100%-140px);

絕對定位方法:

div2{
    position:absolute;
    bottom:0;
    top:140px;
    left:0;
    right:0;
}
2017年10月29日 10:39