84669 Lernen von Personen
152542 Lernen von Personen
20005 Lernen von Personen
5487 Lernen von Personen
7821 Lernen von Personen
359900 Lernen von Personen
3350 Lernen von Personen
180660 Lernen von Personen
48569 Lernen von Personen
18603 Lernen von Personen
40936 Lernen von Personen
1549 Lernen von Personen
1183 Lernen von Personen
32909 Lernen von Personen
我粗略的画了下,有疑问的是A部分
我的页面用如下样式:
html, body { height: 100%; }
这个A部分取clientHeight剩下的高度,可以想到的办法是用定位做,top=xx; bottom=0;,不知道还有什么思路可以实现A部分的高度。
top=xx; bottom=0;
光阴似箭催人老,日月如移越少年。
height:calc(100% - 100px - 100px)
可以固定高度部分用padding写内容定位上去; 接下去A部分用height:100%写,使用calc的话可能存在兼容问题
方案1是
A { height: 100%; padding: 固定高度 .childnode { height: 100%; } }
方案二
固定高度+A { position: absolute; top: 固定高度; bottom: 0; }
方案二的好处是只要给固定高度一个样式就可以了,可以写成行内样式,也可以方便做例如隐藏固定高度这样的效果
固定高度
隐藏固定高度
height:calc(100% - 100px - 100px)
可以固定高度部分用padding写内容定位上去; 接下去A部分用height:100%写,使用calc的话可能存在兼容问题
方案1是
方案二
方案二的好处是只要给
固定高度
一个样式就可以了,可以写成行内样式,也可以方便做例如隐藏固定高度
这样的效果