首页 新闻 论坛 群组 Blog 文档 下载 读书 Tag 网摘 搜索 .NET Java 游戏 视频 人才 外包 培训 数据库 书店 程序员
中国软件网
欢迎您:游客 | 登录 注册 帮助
    • [100分]div高度问题, (前面分数设置错误,现在的确是100分了,谢谢) [已结贴,结贴人:norsd]
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于：2008-06-30 11:25:48 楼主
    ok,其实很简单, 在body下有一个div1,高度固定为15px,另一个div2,高度为body高度减去div1的高度.
    也就是整个窗口被div1和div2填满了,div1是固定高度,div2填满顺余的.

    有没有纯css,不用js的方法?

    我尝试在div2中设置height:100%, 结果溢出了.
    我设置margin 0px也没用,结果是一个很小的矩形.

    求解.
    100  修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于：2008-06-30 11:25:521楼 得分:0
    此回复为自动发出,仅用于显示而已，并无任何其他特殊作用
    楼主【norsd】截止到2008-06-30 11:25:51的历史汇总数据(不包括此帖)：
    发帖数:4                  发帖分:240               
    结贴数:4                  结贴分:240               
    未结数:0                  未结分:0                 
    结贴率:100.00%            结分率:100.00%           
    敬礼!
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于：2008-06-30 11:57:452楼 得分:80
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档 </title>
    <style type="text/css">
    * {
    margin:0;
    padding:0;
    }
    html,
    body {
    height:100%;
    }
    body {
    font:12px "宋体", serif;
    }
    #nav {
    position:absolute;
    background:#cfc;
    height:15px;
    line-height:15px;
    overflow:hidden;
    width:100%;
    }
    #content {
    background:#ccf;
    width:100%;
    position:absolute;
    top:15px;
    bottom:0;
    }
    </style>
    </head>

    <body>
    <div id="nav">nav </div>
    <div id="content">content </div>
    </body>
    </html>
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于：2008-06-30 14:48:433楼 得分:0
    没有试验过
    粗粗看了下
    觉得楼上的方案应该可行
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于：2008-06-30 15:07:494楼 得分:0
    问一下, #content 中 bottom:0 起什么效果?
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于：2008-06-30 15:16:475楼 得分:15
    有了bottom:0是最好，距离底部

    最好是bottom:0px
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于：2008-06-30 15:17:456楼 得分:0
    不过建议把id改成class
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于：2008-06-30 15:18:587楼 得分:0
    高度固定为15px,另一个div2,高度为body高度减去div1的高度.

    你这个问题其实很简单的，第一个是top:0px，第二个就是top:15px
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于：2008-06-30 15:58:118楼 得分:0
    我去研究一下,以前css挺好的,一段时间不弄全忘了.
    absolute
    默认是static?
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于：2008-06-30 16:14:279楼 得分:5
      固定死高度就成了
     
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档 </title>
    <style type="text/css">
    * {
    margin:0;
    padding:0;
    }
    .top {
    position:absolute;
    background:#dfecfb; 
    line-height:15px;
    overflow:hidden;
    width:100%;
    top:0px;
    }
    .down {
    background:#406c99;
    height:100%;
    width:100%;
    position:absolute;
    top:15px;
    bottom:0;
    }
    </style>
    </head>

    <body style="height:500px">

    <div class="top">nav </div>
    <div class="down">content </div>

    </body>
    </html>
    修改 删除 举报 引用 回复
    网站简介－广告服务－网站地图－帮助－联系方式－诚聘英才－English－ 问题报告
    北京创新乐知广告有限公司 版权所有 京 ICP 证 070598 号
    世纪乐知(北京)网络技术有限公司 提供技术支持
    Copyright © 2000-2008, CSDN.NET, All Rights Reserved