怎么让div高度随显示器的高度而改变

2012-05-30

如何让div高度随显示器的高度而改变如何让div高度随显示器的高度而改变请高手指点指点[解决办法]显示器？

如何让div高度随显示器的高度而改变
如何让div高度随显示器的高度而改变请高手指点指点

[解决办法]
显示器？你指的是浏览器窗口高度吗？
（如果是适应显示器的高度没有什么意义，因为浏览器大小是可变的）

我觉得最关键的是要设置html和body元素的css height为100%吧
然后把div的height设为一个百分比的值就可以了

我自己写了个页面，这个页面中div会自动占据页面的60%空间并居中：
（doctype是strict，用transitional可能会有问题，没有试过）

HTML code

<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><title><!-- Insert your title here --></title><style type="text/css">html, body { height: 100%; margin: 0px; padding: 0px; }</style></head><body>    <div style="position: fixed; left: 20%; top: 20%; width: 60%; height: 60%; background: #FFEEEE;">abcdef</div>    <!-- Insert your content here --></body></html>
[解决办法]
HTML code<html xmlns="http://www.w3.org/1999/xhtml"><head><title> new document </title><meta http-equiv="Content-Type" content="text/html;charset=gb2312"  /></head><body><div id="div1" style="height: 100%;background-color: #FFCC66">11</div></body></html>
[解决办法]
我试了下３楼的代码，如果网页顶上加一行
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
就不行了，似乎是个兼容性问题？
[解决办法]
jquery 写的！

JScript code$(document).ready(function(){   var height = document.documentElement.clientHeight ;       $("#main_data").height(height) ;   });
[解决办法]
。。。。解释为了解决你这个问题才不加DOCTYPE的。你有特殊要求一定要加？

热点排行

CSS

怎么让div高度随显示器的高度而改变