61,112
社区成员
发帖
与我相关
我的任务
分享请问 子div如何随父div的高度变化而变化
我做在做一个页面由一个父div(#main)两个子div(#leftmain,#right)组成现在父div#main的高度设成100%它的高度随#right的高度而变化了.如何让#leftmain的高度也随#main的变化而变化呢.
...全文
请发表友善的回复…
发表回复
ddcatlee 2006-09-18
- 打赏
- 举报
啊，不好意思，回错帖子了 #- -#
ddcatlee 2006-09-18
- 打赏
- 举报
ie和ff对于表单的元素的默认定义不一样，我这里看你上面的按钮错行，把栏目条压低了
ImN1 2006-09-16
- 打赏
- 举报
任何没有固定尺寸（包括百分比）的元素，其子元素如果使用百分比也无法获得相对的宽高度
liangjianshi 2006-09-16
- 打赏
- 举报
http://abcshadow.bokee.com/viewdiary.11503063.html
ewdragon 2006-09-15
- 打赏
- 举报
哪位高手肯帮忙看一下呀.
飘零雾雨 2006-09-15
- 打赏
- 举报
try:
=================
<style>
#main {width:452px;height:100%;border:1px solid #630;}
#leftmain {width:30%;border:1px solid #f00;float:left;}
#rightmain {width:68%;border:1px solid #050;float:right;}
</style>
<script>
function Sync()
{
if(document.all.main.offsetHeight>document.all.leftmain.offsetHeight)
{
document.all.leftmain.style.height=document.all.main.offsetHeight + "px"
}
}
</script>
<body onload="Sync()">
<div id="main">
<div id="leftmain"> </div>
<div id="rightmain"> </div>
</div>
</body>
=================
<style>
#main {width:452px;height:100%;border:1px solid #630;}
#leftmain {width:30%;border:1px solid #f00;float:left;}
#rightmain {width:68%;border:1px solid #050;float:right;}
</style>
<script>
function Sync()
{
if(document.all.main.offsetHeight>document.all.leftmain.offsetHeight)
{
document.all.leftmain.style.height=document.all.main.offsetHeight + "px"
}
}
</script>
<body onload="Sync()">
<div id="main">
<div id="leftmain"> </div>
<div id="rightmain"> </div>
</div>
</body>
