html5 - 一个页面布局上的问题

Question

我粗略的画了下，有疑问的是A部分 我的页面用如下样式： {代码...} 这个A部分取clientHeight剩下的高度，可以想到的办法是用定位做，top=xx; bottom=0;，不知道还有什么思路可以实现A部分的高度。

巴扎黑 · Answer

高度：計算(100% - 100px - 100px)

高洛峰 · Answer

可以固定高度部分用padding寫內容定位上去；接下去A部分用height：100%寫，使用calc的話可能有相容問題

怪我咯 · Answer

方案1是

A {
    height: 100%;
    padding: 固定高度
    
    .childnode {
        height: 100%;
    }
}

方案二

固定高度+A {
    position: absolute;
    top: 固定高度;
    bottom: 0;
}

方案二的好處是只要給固定高度一個樣式就可以了，可以寫成行內樣式，也可以方便做例如隐藏固定高度這樣的效果

php8，我來也