如何在body设置margin或者padding情况下保持div高度100%
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/...
<!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">
<!--头部声明别改-->
<style>
body,html{height:100%}
</style>
<body style="margin:10px;">
<div style="height:100%">1</div>
</body>
</html>
主要是想实现div高度自适应，且保持一定边距 展开
<html xmlns="http://www.w3.org/1999/xhtml">
<!--头部声明别改-->
<style>
body,html{height:100%}
</style>
<body style="margin:10px;">
<div style="height:100%">1</div>
</body>
</html>
主要是想实现div高度自适应，且保持一定边距 展开
展开全部
给你个小例子
<div style="background-color:red">
<div style="float:left">1111</div>
<div>11111</div>
</div>
这样主框red就自动撑开了，适用于ff，ie
<div style="background-color:red">
<div style="float:left">1111</div>
<div>11111</div>
</div>
这样主框red就自动撑开了，适用于ff，ie
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!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">
<style>
body{margin:0;padding:0;}
</style>
<body style="margin:10px;">
<div> 1</div>
</body>
</html>
高度不设置就是能自动适应、
height:100%;是错误的！
高度从来就没这样的写法。
<html xmlns="http://www.w3.org/1999/xhtml">
<style>
body{margin:0;padding:0;}
</style>
<body style="margin:10px;">
<div> 1</div>
</body>
</html>
高度不设置就是能自动适应、
height:100%;是错误的！
高度从来就没这样的写法。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
先设置html及body的CSS的高，分别为height:100%
如下：
html,body{height:100%;margin:0px;}
或
html{height:100%;}
body{height:100%;margin:0px;}
后面的高为100%才有效：
<table height="100%">
或
<div style="height:100%;">
如下：
html,body{height:100%;margin:0px;}
或
html{height:100%;}
body{height:100%;margin:0px;}
后面的高为100%才有效：
<table height="100%">
或
<div style="height:100%;">
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!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">
<!--头部声明别改-->
<style>
</style>
<body>
<div style=" position:absolute; top:10px; right:20px; bottom:10px; left:20px; background:#333333; ">1</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<!--头部声明别改-->
<style>
</style>
<body>
<div style=" position:absolute; top:10px; right:20px; bottom:10px; left:20px; background:#333333; ">1</div>
</body>
</html>
参考资料： 自己
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
