已解決430363個問題，去搜搜看，總會有你想問的

tab div中的高度計算，不使用calc()

首頁猿問 tab...

tab div中的高度計算，不使用calc()

JavaScript

拉莫斯之舞 2018-08-10 09:10:08

如圖，A具有固定高度，B 距離A 15px并且高度一直延伸到底部。在css3中可以通過calc屬性完成；在js中可以通過獲取父元素高度減去A和外邊距來完成，但是當這種情況存在于tab分頁中，頁面加載時隱藏的dvi并沒有去計算高度，而且添加了很多id值，不是很靈活。另外也不能使用position:absolute;還有沒有什么辦法用css去解決？需要兼容ie8，所以不使用css3屬性

查看完整描述

1 回答

GCT1015

TA貢獻1827條經驗獲得超4個贊

這是能兼容IE6的方法。

.main {

width: 200px;

height: 500px;

background-color: blue;

overflow: hidden;

}

.top {

width: 100%;

height: 100px;

background-color: red;

margin: 0 0 15px 0;

}

.bottom {

width: 100%;

height: 100%;

background-color: yellow;

float: left;

}

</div>

不知道這是不是你想要的效果

PS:JS也能很好的實現，隱藏部分可以在創建或展現時進行計算。

反對回復 2018-09-21

1 回答
0 關注
961 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

tab div中的高度計算，不使用calc()

tab div中的高度計算，不使用calc()

1 回答

添加回答

tab div中的高度計算，不使用calc()

tab div中的高度計算，不使用calc()