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{height:100%;margin:0px;}
或
html{height:100%;}
body{height:100%;margin:0px;}
后面的高为100%才有效：
<table height="100%">
或
<div style="height:100%;">本回答被网友采纳
例如要做一个和浏览器等高等宽的div，可以这么写：
html,body {height:100%;}
div { background-color:red; width:100%; height:100%;}
var bh=$(document.body).height();
2. 没有<!doctype html>标签，可以直接写<div style="height:100%"></div>;
div如何设置100%的高啊
CSS想让一个元素的百分比高度height: 100%;起作用，需要给这个元素的所有父元素的高度设定一个有效值。如下所示就可以让div高度为100%了：<html style="height: 100%;"> <body style="height: 100%;"> <div style="height: 100%;border: 1px solid #C00"> <p> 这样这个div的高...
div如何自适应高度100%
一、用背景图填充法 这里是给父DIV设置了背景图片填充，所有DIV都不设高度。HTML代码：1 <div class="endArea"> 2 <div class="col1">第一列 左边正文<\/div> 3 <div class="col3">第二列 右边<br \/><br \/><br \/><br \/><br \/><br \/><br \/><br \/><br \/><br ...
求问如何让div的高度100%铺满屏幕?
求问如何让div的高度100%铺满屏幕? 100 代码如下:CSS该怎么写才可以,我用了bootstrap框架我的意图是想让.second延伸到屏幕底部,并且还能随着内容增加(内容超出底部)自动延伸下去... 代码如下:CSS该怎么写才可以,我用了bootstrap框架我的意图是想让.second 延伸到屏幕底部,并且还能随着内容增加(内容超出底部)自动...
DIV高度怎么设置全屏?
<div class="B">下部DIV <\/div> <\/div> 2.CSS:html,body { height: 100%; padding: 0; margin: 0; } .outer { height: 100%; padding: 100px 0 0; box-sizing: border-box ; position: relative; } .A { height: 100px; background: #BBE8F2; position: absolute; top: 0 ;...
DIV高度怎么设置全屏?
要想对DIV设置全屏，一般设置其width宽度样式为100%，设置其width宽度样式为100%有两种方案，具体方案如下。（一）方案一 1.Html：<div class="outer"> <div class="A"> 头部DIV <\/div> <div class="B">下部DIV <\/div> <\/div> 2.CSS:html,body { height: 100%; padding: 0; margin: ...
【DIV+CSS】如何使DIV高度100%
<html xmlns="http:\/\/www.w3.org\/1999\/xhtml"> ---上面那段不要，改为：<html>就可以了 2.如果你必须声明网页解析为xhml的话按下面方法：html,body{height:100%;} 给父级元素100%的高度后div才可以有高度 --- 你要这种效果最好是css结合js做最保险 ...
div设置高度自适应?
第一种，用CSS的方法 第二种，用JS方法 这里暂时只演示第一种，如果第二种，另外@我 示例代码如下：CSS代码第一种写法 html,body{height:100%;margin:0;}\/**把HTML和BODY的高度设置成100%**\/ div{height:100%;background-color:#ccc;}\/**把你DIV的高度设置成100%**\/ CSS代码第二种写法 ...
如何是div的高度100%,使用height:100%是不行的,我是为了让一个div层充...
html,body{ height: 100%;}.div{ background-color:#000000; width: 100%; height: 100%;}刚查到的DIV父层是Html和Body,它们默认的高度为auto,所以只更改DIV的高度为100%是不对的,需要设置html,body它们的高度为100%才可以全屏....
div高度设为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%;">
DIV CSS 如何让网页中的某DIV自动适应屏幕高度自己变如下图
1、首先创建或者打开我们的web项目，新建一个html文件和css文件即可，如图所示。2、html页面代码如图所示，定义一个div，然后给一个id属性即可。3、这里是使用宽度的百分比之后，设置高度值为零，然后使用padding属性的top或者bottom的值（可以是任意百分比），背景颜色作为测试。4、然后在浏览器运行之后的...
