Почему высота 100% не работает в одном div

0

высота 100% работает в некоторых div, а в других - нет (контейнер). Высота 100% работает в Menu_left div, но в контейнере нет. Я не знаю, почему это не сработало, чтобы установить высоту 100% в этом div.

вот мой html-код:

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

Мой css:

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;
}
Теги:

3 ответа

3
Лучший ответ

http://jsbin.com/jezoqume/1/edit

дайте. .All высота 1px и будет работать. веселит.

Поделиться
  • 0
    спасибо, что сработало, но почему я должен установить .Все 1 px?
  • 1
    Это потому, что браузеры глупы ... это ошибка, и это обходной путь.
Показать ещё 2 комментария
0

Ваша позиция: исправлено это. Когда вы применили фиксированную позицию, вы взяли на себя ответственность за всю эту сторону.

избавиться от фиксированной позиции, и вы увидите. И для большего удовольствия, дайте другому div фиксированную позицию, и вы увидите, что это делается вместо этого!

Все это в положении почки.

Поэтому либо сделайте их фиксированными, либо используйте auto с относительным положением. С тобой все будет хорошо.

Поделиться
0

При добавлении позиции: фиксировано вместо положения: относительное, оно работает.

http://jsfiddle.net/SVhm6/

.Container_right{
    /*position:relative;*/
    position:fixed;
    background-color:#00F;
    min-height:100%;!important
    height:100%;
    margin:0 0 0 340px;
}
Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню