html – Div 100％高度显示为0px？

概述我正在建立一个网站并且有一个我似乎无法解决的小问题,我创建了一个高度为100％的div,里面的div是一个滑块div,高度为100％,问题是第一个div显示高度为0px,以便滑块div下面的div显示在滑块div后面,任何可以帮助我的人？ 这是我的代码： .slider-container { width: 100%; mi 我正在建立一个网站并且有一个我似乎无法解决的小问题,我创建了一个高度为100％的div,里面的div是一个滑块div,高度为100％,问题是第一个div显示高度为0px,以便滑块div下面的div显示在滑块div后面,任何可以帮助我的人？

这是我的代码：

.slIDer-container {    wIDth:                              100%;    min-height:                         100%;    background-color:                   white;    float:                              left;}.main-content {    wIDth:                              100%;    height:                             1000px;    background-color:                   pink;    float:                              left;}.column {    wIDth:                              31%;    height:                             auto;    background-color:                   orange;    float:                              left}/* SLIDER */.caption {    wIDth:                              500px;    background-image:                   url("..//img/caption-bg.png");    background-size:                    100%;    position:                           absolute;    z-index:                            99;    overflow:                           hIDden;    margin-top:                         7%;    margin-left:                        5%;    -moz-border-radius:                 20px;    border-radius:                      20px;}.caption-text {    max-wIDth:                          460px;    overflow:                           hIDden;    margin:                             20px;}.wrapper .slIDer-container #slIDeshow {     position:                           relative;     wIDth:                              100%;    float:                              left;}.wrapper .slIDer-container #slIDeshow > div {     position:                           absolute; }

滑块容器div应具有100％的高度,以便主内容div低于它.

谢谢你的提前！

解决方法 ％单位总是相对于某个值..即使你指定了高度：100％;在你的< body>上你会注意到它最终都是0px高,因为所有的< div>你给了100％的高度,因为这些值是相对于它的父容器,最终是根< HTML>当前没有明确高度设置的元素,因此默认为auto.如果你给根元素高度：100％;你会得到预期的行为 总结

以上是内存溢出为你收集整理的html – Div 100％高度显示为0px？全部内容，希望文章能够帮你解决html – Div 100％高度显示为0px？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。