如图，A具有固定高度，B 距离A 15px并且高度一直延伸到底部。
在css3中可以通过calc属性完成；
在js中可以通过获取父元素高度减去A和外边距来完成，但是当这种情况存在于tab分页中，页面加载时隐藏的dvi并没有去计算高度，而且添加了很多id值，不是很灵活。
另外也不能使用position:absolute;
还有没有什么办法用css去解决？需要兼容ie8，所以不使用css3属性
认证高级PHP讲师
这是能兼容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; } <p class="main"> <p class="top"></p> <p class="bottom"></p> </p>
不知道这是不是你想要的效果
PS:JS也能很好的实现，隐藏部分可以在创建或展现时进行计算。
我能想到的方法，都被你pass掉了。
我最常用的就是position的方法了，兼容性好，实现起来也较容易。
为什么不能用position？
这是能兼容IE6的方法。
不知道这是不是你想要的效果
PS:JS也能很好的实现，隐藏部分可以在创建或展现时进行计算。
我能想到的方法，都被你pass掉了。
我最常用的就是position的方法了，兼容性好，实现起来也较容易。
为什么不能用position？