Css 为什么身高100%不能在一个分区内工作_Css_Html

Css 为什么身高100%不能在一个分区内工作

css html

Css 为什么身高100%不能在一个分区内工作,css,html,Css,Html,height 100%在某些div中工作，而在其他div中不工作（容器）。高度100%在菜单左分区中有效，但在容器中无效。我不知道为什么在那个分区设置100%的高度不起作用以下是我的html代码： <body> <div class="All clearfix"> <div class="Menu_left">Menu</div> <div class="Container_right">Container<

height 100%在某些div中工作，而在其他div中不工作（容器）。 高度100%在菜单左分区中有效，但在容器中无效。我不知道为什么在那个分区设置100%的高度不起作用

以下是我的html代码：

<body>
<div class="All clearfix">
    <div class="Menu_left">Menu</div>
    <div class="Container_right">Container</div>
</div>
</body>

给

.All

高度

1px

，它就会工作。干杯。

给

.All

高度

1px

，它就会工作。干杯。

给

.All

高度

1px

，它就会工作。干杯。

给

.All

高度

1px

，它就会工作。

干杯。

关于添加position:fixed而不是position:relative，它正在工作

在添加位置：固定而不是位置：相对时，它正在工作

您的位置：已修复导致此问题。当你应用一个固定的位置时，你就拥有了整个边的所有权

摆脱固定的位置，你会看到的。为了获得更多的乐趣，给另一个div一个固定的位置，你会看到这样做

一切都准备好了，巴德

因此，要么使它们都固定，要么使用“高度自动”和“相对位置”。不管怎样你都会好的

您的位置：已修复导致此问题。当你应用一个固定的位置时，你就拥有了整个边的所有权

摆脱固定的位置，你会看到的。为了获得更多的乐趣，给另一个div一个固定的位置，你会看到这样做

一切都准备好了，巴德

因此，要么使它们都固定，要么使用“高度自动”和“相对位置”。不管怎样你都会好的

您的位置：已修复导致此问题。当你应用一个固定的位置时，你就拥有了整个边的所有权

摆脱固定的位置，你会看到的。为了获得更多的乐趣，给另一个div一个固定的位置，你会看到这样做

一切都准备好了，巴德

因此，要么使它们都固定，要么使用“高度自动”和“相对位置”。不管怎样你都会好的

您的位置：已修复导致此问题。当你应用一个固定的位置时，你就拥有了整个边的所有权

摆脱固定的位置，你会看到的。为了获得更多的乐趣，给另一个div一个固定的位置，你会看到这样做

一切都准备好了，巴德

因此，要么使它们都固定，要么使用“高度自动”和“相对位置”。不管怎样你都会好的

谢谢，这很有效，但为什么我必须设置。全部设置为1 px？这是因为浏览器很愚蠢…这是一个bug，这是一个解决办法。但是如果我想在容器中设置另一个名为提升的div，高度为20%，为什么不起作用呢？因为如果不在

px

中设置父级高度，则父级高度的20%不起作用。这里有一个有效的例子-谢谢，这很有效，但为什么我必须设置。全部设置为1像素？这是因为浏览器很愚蠢…这是一个错误，这是一个解决办法。但是如果我想在容器中添加另一个名为提升的div，高度为20%，为什么不起作用呢，因为如果父母的身高没有在

px

中设置，他父母身高的20%就不起作用了。这里有一个有效的例子-谢谢，这很有效，但为什么我必须设置。全部设置为1像素？这是因为浏览器很愚蠢…这是一个错误，这是一个解决办法。但是如果我想在容器中添加另一个名为提升的div，高度为20%，为什么不起作用呢，因为如果父母的身高没有在

px

px

中设置，他父母身高的20%就不起作用了。这里有一个有效的例子-

html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,q,s,strong,sub,sup,tt,var,b,u,i,center,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,footer,header,menu,section{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}
.clearfix:after {
    visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


html{
    padding:0;
    margin:0;
    height:100%;
    min-height:100%;

}


body{
    padding:0;
    margin:0;
    height:100%;
    min-height:100%;
    -webkit-background-size:cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size:cover;
}
.All{
    width:100%;
    height:auto;
    min-height:100%;
    position:relative;
    overflow:hidden;
    background-color:rgb(35,31,32) ;
}
.Menu_left_float{
    float:left;
    background:blue;
    width:340px;
    height:100%;
    }
.Menu_left{
    position:fixed;
    top:0px;
    left:0px;
    width:340px;
    height:100%;
    background-color:#F0F;
}
.Container_right{
    position:relative;
    background-color:#00F;
    min-height:100%;!important
    height:100%;
    margin:0 0 0 340px;
}

.Container_right{
    /*position:relative;*/
    position:fixed;
    background-color:#00F;
    min-height:100%;!important
    height:100%;
    margin:0 0 0 340px;
}