61,112
社区成员
发帖
与我相关
我的任务
分享css+div布局问题！请大家帮帮忙!谢谢
.container{
width:1002px;height:266px;
}
.submenu{
width:225px;height:100%;float:left;clear:right;
}
.body{
width:777px;height:266px;float:left;
}
.submenu_top{
width:189px;height:89px;
}
.submenu_body{
width:225px;height:100%;background-image:url("../images/submenu_bg.jpg");
}
.submenu_bottom{
width:225px;height:52px;
}
subment是左边的菜单
body是左边的内容显示
submenu_top,submenu_body,submenu_bottom在subment里面;
现在的问题是submenu_body的高度是100%所以它的高度就成了container的高度266;
但是我只想它的高度是submenu_top和submenu_bottom剩下的高度
因为body有可能会内容撑高了！怎么解决呢》？？？？？？？？？？？？
width:1002px;height:266px;
}
.submenu{
width:225px;height:100%;float:left;clear:right;
}
.body{
width:777px;height:266px;float:left;
}
.submenu_top{
width:189px;height:89px;
}
.submenu_body{
width:225px;height:100%;background-image:url("../images/submenu_bg.jpg");
}
.submenu_bottom{
width:225px;height:52px;
}
subment是左边的菜单
body是左边的内容显示
submenu_top,submenu_body,submenu_bottom在subment里面;
现在的问题是submenu_body的高度是100%所以它的高度就成了container的高度266;
但是我只想它的高度是submenu_top和submenu_bottom剩下的高度
因为body有可能会内容撑高了！怎么解决呢》？？？？？？？？？？？？
...全文
请发表友善的回复…
发表回复
飘零雾雨 2006-10-28
- 打赏
- 举报
纯CSS应该是不能实现的！
david_dbo 2006-10-27
- 打赏
- 举报
难道全CSS不可能?????????有没有更好的方法呢?
飘零雾雨 2006-10-27
- 打赏
- 举报
<style type="text/css">
#obody{
margin:0px;
width:777px;height:266px;float:left;
}
#submenu_top{
width:189px;height:89px;
}
#submenu_body{
width:225px;height:100%;background-image:url("../images/submenu_bg.jpg");
}
#submenu_bottom{
width:225px;height:52px;
}
</style>
<body id="obody" onload="bhgt();">
<div id="submenu_top">test</div>
<div id="submenu_body">test</div>
<div id="submenu_bottom">test</div>
</body>
<script language="javascript">
function bhgt(){
document.getElementById('submenu_body').style.height=document.getElementById('obody').clientHeight-document.getElementById('submenu_top').offsetHeight-document.getElementById('submenu_bottom').offsetHeight;
}
</script>
#obody{
margin:0px;
width:777px;height:266px;float:left;
}
#submenu_top{
width:189px;height:89px;
}
#submenu_body{
width:225px;height:100%;background-image:url("../images/submenu_bg.jpg");
}
#submenu_bottom{
width:225px;height:52px;
}
</style>
<body id="obody" onload="bhgt();">
<div id="submenu_top">test</div>
<div id="submenu_body">test</div>
<div id="submenu_bottom">test</div>
</body>
<script language="javascript">
function bhgt(){
document.getElementById('submenu_body').style.height=document.getElementById('obody').clientHeight-document.getElementById('submenu_top').offsetHeight-document.getElementById('submenu_bottom').offsetHeight;
}
</script>
david_dbo 2006-10-27
- 打赏
- 举报
呵呵~我不是为了工作来问这个问题的~我想要知道比较好的方法才发的~所以迟点给分你~我想看更多的方法~
david_dbo 2006-10-27
- 打赏
- 举报
今天怎么没人来？~
david_dbo 2006-10-27
- 打赏
- 举报
晕~给出一个实际例子怎么做好不》？？？？？？？？
david_dbo 2006-10-27
- 打赏
- 举报
晕~没人来了
飘零雾雨 2006-10-27
- 打赏
- 举报
计算一下减去submenu_top和submenu_bottom之后的高度！
Unending 2006-10-27
- 打赏
- 举报
不会
共同关注一下
共同关注一下
david_dbo 2006-10-27
- 打赏
- 举报
但是body的内容可能会把container撑开，不是一定的值。那又该怎么办呢？
myvicy 2006-10-27
- 打赏
- 举报
自己计算一下。
