让height: 100%生效

html：

<body><div class="box"></div>
</body>

css：

.box{position: fixed;// 使用fixed定位width: 100%;height: 100%;background: orange;}

补充：（父元素不设高度，如何让子元素高度100%）

https://www.cnblogs.com/mmykdbc/p/9582586.html

更多专业前端知识，请上【猿2048】www.mk2048.com

让height: 100%生效相关推荐

让高度百分比，height:100% 生效的3种方法
核心原理: height:100%这个概念是子节点相对于父容器而言:所以要让此属性生效,必要的一点就是:父容器必须具有具体的高度信息: 直接在<body>的子节点(如div中)写heigh ...
iframe height 100% 无效问题解决（转）
最近,利用 MapGuide 技术开发一个 WebGIS 的应用程序,其中用到了 <iframe> 标签:可是当我调试运行的时候,其 width=100% 生效了,但 height=100 ...
父元素设置min-height，子元素height 100%失效问题
问题描述当父元素设置了min-height后,子元素设置height为100%,发现子元素的height 100%失效,即无法根据父级的高度自适应,而是根据自身内部元素撑开高度,若子元素设置了确定的 ...
【CSS篇】父元素设置min-height，子元素height 100%失效问题
问题描述当父元素设置了min-height后,子元素设置height为100%,发现子元素的height 100%失效,即无法根据父级的高度自适应,而是根据自身内部元素撑开高度,若子元素设置了确定的 ...
html body div height: 100%;
最近做了测试 html{ height: 100%;//全部内容高度,包括滚动出现的内容 background-color:#000; } body{ height: 100%;//只一页屏幕,用作滚 ...
div高度、宽度100% div width、height 100%
正像你所知道的那样,设置DIV大小的有两个属性width和height,以前在学习DIV每次给DIV设置100%宽度或高度时都很迷惑,不明确这个100%的宽度(高度)到底有多宽有多高?这个100%是从 ...
CSS 如何让 height:100%; 起作用
当你设置一个页面元素的高度(height)为100%时,期望这样元素能撑满整个浏览器窗口的高度,但大多数情况下,这样的做法没有任何效果.你知道为什么height:100%不起作用吗? 按常理,当我们用 ...
[css] body{height:100%}和html,body{height:100%}有什么区别？为什么html要设置height:100%呢，html不就是整个窗口吗？
[css] body{height:100%}和html,body{height:100%}有什么区别?为什么html要设置height:100%呢,html不就是整个窗口吗? html是body的父 ...
[css] css的height:100%和height:inherit之间有什么区别呢？
[css] css的height:100%和height:inherit之间有什么区别呢? 上周在微博上无节操吐槽了下inherit的段子,没想到回声还不少: 微博inherit无节操段子不过inh ...

让height: 100%生效

让height: 100%生效相关推荐

最新文章

热门文章