要设置高度自适应的话css好像是无法做到的，需要通过脚本自动获取分辨率计算出高度后再赋值，一般这个工作不需要我来做，都是程序员做的<html>
<head>
<style type="text/css">
{
margin:0px;
padding:0px;
}
dcla{
display:block;
width:500px;
height:400px;
}
</style>
</head>
<body class="bg">
<div class='dcla'>
<img src="desertjpg" width="100%" height="100%"/>
</div>
</body>
</html>在头部标签</header>前面输入<style>div{width:100px;height:20px;}</style>width就是div的宽度，height就是div的高度，px值是单位，想设置不同的宽度和高度只需要改变width和height的数值就行了首先设置两个div，假设给出id分别为a和b，b始终为a的宽度的二分之一。
js代码为：
var diva=documentgetElementById("a");
var divb=documentgetElementById("b");
var wid=divaoffsetWidth;
function jt(){//定义监听a大小变化的函数
var wid1=divaoffsetWidth;//获取宽度
if(wid1!=wid){
wid=wid1;
resizeb();
}
setTimeout("jt",100);
}
function resizeb(){
divbstylewidth=wid05;//改变b的大小
}
jt();
但是这样写是在不知道a的大小为什么变化的情况下，这样写很耗cpu，如果很明确a的大小变化原因，直接给a绑定事件就可以了
编写相应程序代码即可。
代码如下：
<script>
function getInfo()
{
var s = "";
s += " 网页可见区域宽："+ documentbodyclientWidth;
s += " 网页可见区域高："+ documentbodyclientHeight;
s += " 网页可见区域宽："+ documentbodyoffsetWidth + " (包括边线和滚动条的宽)";
s += " 网页可见区域高："+ documentbodyoffsetHeight + " (包括边线的宽)";
s += " 网页正文全文宽："+ documentbodyscrollWidth;
s += " 网页正文全文高："+ documentbodyscrollHeight;
s += " 网页被卷去的高(ff)："+ documentbodyscrollTop;
s += " 网页被卷去的高(ie)："+ documentdocumentElementscrollTop;
s += " 网页被卷去的左："+ documentbodyscrollLeft;
s += " 网页正文部分上："+ windowscreenTop;
s += " 网页正文部分左："+ windowscreenLeft;
s += " 屏幕分辨率的高："+ windowscreenheight; s += " 屏幕分辨率的宽："+ windowscreenwidth;
s += " 屏幕可用工作区高度："+ windowscreenavailHeight;
s += " 屏幕可用工作区宽度："+ windowscreenavailWidth;
s += " 你的屏幕设置是 "+ windowscreencolorDepth +" 位彩色";
s += " 你的屏幕设置 "+ windowscreendeviceXDPI +" 像素/英寸";
//alert (s);
}
getInfo();
</script>
在用Dreamweaver工具编辑HTML代码时候，可以通过height和width设置div的高和宽，代码如下：
<style type="text/css">html
{
height:100px;
margin:0;
}
body
{
height:100px;
margin:0;
}
</style>
<div style="width:100px; height:100px; background-color:#666; z-index:1">
</div>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）