深圳腾尚时代真的假的:javascript和css问题:两div栏的高度能自动相等吗?
用javascript能实现两栏高度相等吗?
哪位大侠能帮下忙?
用背景色的方法总觉得不能解决所有问题。
一楼和三楼两个哥们一个比一个高,真想给两哥哥都加分,先等等看,看还有高人来吗?
<style>
#main1,#main2{
height:10px;
width:200px;
background:#0000FF;
margin:10px;
}
</style>
<body onload="resetDiv()">
<table><tr><td>
<div id=main1></div>
</td><td>
<div id=main2><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br
/><br /><br /></div>
</td></tr></tale>
</body>
<script language=javascript>
function resetDiv(){
var m1=document.getElementById("main1");
var m2=document.getElementById("main2");
if(m1.offsetHeight>m2.offsetHeight){
m2.style.pixelHeight=m1.offsetHeight;
}
else{
m1.style.pixelHeight=m2.offsetHeight;
}
}
</script>
可以将左侧div中(除去文字)剩余的部分再插入一个div,然后将这个div的高和宽都设为100%:<div s="height:100%;width:100%;"></div>,也可以是table:<table s="height:100%;width:100%;"><tr><td> </td></tr></table>这样就可以把左侧空白的地方撑开,与右侧保持高度相等。
试试吧:)
放在表格里不就行了。