61,112
社区成员
发帖
与我相关
我的任务
分享如何使div的高度自动适应页面的高度，同时div四周和页面有一定的间隔？
在标准模式下，css的高度是内容的高度，如果设置div的高度为100%，再设置margin为5px的话，那就超过页面的高度了！如何在保留一定间距的情况下让div的高度自动适应页面的高度呢？
...全文
请发表友善的回复…
发表回复
lindy0101 2007-06-16
- 打赏
- 举报
不用百分比用什么？请指教！
chengrg 2007-06-14
- 打赏
- 举报
不用百分比。
lindy0101 2007-06-14
- 打赏
- 举报
有没有高手有更好的办法啊？
xdspower 2007-06-11
- 打赏
- 举报
lindy0101(简单最美) ( 一级(初级)) 信誉：100 2007-06-11 08:56:03 得分:0
?
设置padding的话也不能设置高度为100%了，因为height也不包括padding在内，height 100%再加上padding 5px就超出了范围了！
－－－－－－－－－－－－－－
我想这是否是兼容性问题？
推荐楼主看http://www.blueidea.com/articleimg/2007/03/4545/css2.html
一文
?
设置padding的话也不能设置高度为100%了，因为height也不包括padding在内，height 100%再加上padding 5px就超出了范围了！
－－－－－－－－－－－－－－
我想这是否是兼容性问题？
推荐楼主看http://www.blueidea.com/articleimg/2007/03/4545/css2.html
一文
飘零雾雨 2007-06-11
- 打赏
- 举报
try:
==============
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="Author" content="飘零雾雨|edzmaster@gmail.com" />
<title>test</title>
<style type="text/css">
body {margin:0;height:100%;}
div {margin:2%;height:96%;width:96%;background-color:#eee;}
</style>
</head>
<body>
<div>test</div>
</body>
</html>
==============
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="Author" content="飘零雾雨|edzmaster@gmail.com" />
<title>test</title>
<style type="text/css">
body {margin:0;height:100%;}
div {margin:2%;height:96%;width:96%;background-color:#eee;}
</style>
</head>
<body>
<div>test</div>
</body>
</html>
lindy0101 2007-06-11
- 打赏
- 举报
设置padding的话也不能设置高度为100%了，因为height也不包括padding在内，height 100%再加上padding 5px就超出了范围了！
lindy0101 2007-06-11
- 打赏
- 举报
to: cn122net()
如果body设了margin或padding再设body的高度为100%的话就会出现滚动条啦。
用背景图片倒是还可以，但当内容超过页面高度出现了滚动条时看上去就比较糟糕了。
如果body设了margin或padding再设body的高度为100%的话就会出现滚动条啦。
用背景图片倒是还可以，但当内容超过页面高度出现了滚动条时看上去就比较糟糕了。
lindy0101 2007-06-11
- 打赏
- 举报
to: storm0(飘零雾雨.闻弦歌而知雅意,顾叶落而晓秋至)
这样是可以，但保留的间隔不能是固定的值。
如能做到间隔固定而高度自适应页面就好了。
这样是可以，但保留的间隔不能是固定的值。
如能做到间隔固定而高度自适应页面就好了。
Tina86 2007-06-11
- 打赏
- 举报
to:xdspower(杂食菜熊)
谢谢你!我正在接触那个呢:)
很详细!
建议初学都都可以去看看:)
谢谢你!我正在接触那个呢:)
很详细!
建议初学都都可以去看看:)
cn122net 2007-06-11
- 打赏
- 举报
我想说的是，BODY设置MARGIN和PADDING可以不？即使有嵌套，那么也用在BODY里，用BORDER来修饰，如果还不行，就用背景图片！！
怎么不开窍，唉。
怎么不开窍，唉。
cn122net 2007-06-10
- 打赏
- 举报
padding: 5px;
