div如何设置100%的高啊 5
5个回答
展开全部
CSS想让一个元素的百分比高度height: 100%;起作用，需要给这个元素的所有父元素的高度设定一个有效值。如下所示就可以让div高度为100%了：
<html style="height: 100%;">
<body style="height: 100%;">
<div style="height: 100%;border: 1px solid #C00">
<p>
这样这个div的高度就会100%了
</p>
</div>
</body>
</html>
在使用height: 100%;时需要注意的一些事项
1、Margins 和 padding 会让你的页面出现滚动条，也许这是你不希望的。
2、如果你的元素实际高度大于你设定的百分比高度，那元素的高度会自动扩展。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
先设置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%;">
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
要达到100%高度，父级元素必须要有高度。
例如要做一个和浏览器等高等宽的div，可以这么写：
html,body {height:100%;}
div { background-color:red; width:100%; height:100%;}
例如要做一个和浏览器等高等宽的div，可以这么写：
html,body {height:100%;}
div { background-color:red; width:100%; height:100%;}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
1. 如果html前面加上了<!doctype html>标签，则在style里面写height:100%,就不起作用，这种情况下只能写具体的高度值，可以取屏幕的高度：
var bh=$(document.body).height();
2. 没有<!doctype html>标签，可以直接写<div style="height:100%"></div>;
var bh=$(document.body).height();
2. 没有<!doctype html>标签，可以直接写<div style="height:100%"></div>;
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<div style="height:100%"></div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
