css怎么设置高为100%,CSS如何将div高度设置为100％减去nPx

小编典典

这是一个正常工作的CSS，已在Firefox / IE7 / Safari / Chrome / Opera下进行了测试。

* {margin:0px;padding:0px;overflow:hidden}

div {position:absolute}

div#header {top:0px;left:0px;right:0px;height:60px}

div#wrapper {top:60px;left:0px;right:0px;bottom:0px;}

div#left {top:0px;bottom:0px;left:0px;width:50%;overflow-y:auto}

div#right {top:0px;bottom:0px;right:0px;width:50%;overflow-y:auto}

w3c尚未批准“ overflow-y”，但是每个主流浏览器都支持它。如果两个div的#left和#right的内容过高，它们将显示垂直滚动条。

为了在IE7下正常工作，您必须通过添加DOCTYPE来触发符合标准的模式：

/p>

"http://www.w3.org/TR/html4/strict.dtd">

*{margin:0px;padding:0px;overflow:hidden}

div{position:absolute}

div#header{top:0px;left:0px;right:0px;height:60px}

div#wrapper{top:60px;left:0px;right:0px;bottom:0px;}

div#left{top:0px;bottom:0px;left:0px;width:50%;overflow-y:auto}

div#right{top:0px;bottom:0px;right:0px;width:50%;overflow-y:auto}

high content

2020-05-16