2014-02-15 3 views
0

В CSS, когда я даю мой рост Див процентное значение в DIV полностью исчезает, Вот что им делатьПочему мой div исчезает?

<html> 
... 
... 
<div id="logcontainer"> 
    <div><div> 
    <div></div> 
</div> 

это не фактический HTML, но это подводит итог, что им пытаются сделать, Heres мой CSS

#logcontainer { 
    width:100%; 
    min-height:100%; 
    margin: 0px; 
    padding: 0px; 
    background-color: #7f7f7f; 

    }  

всякий раз, когда высота имеет процентное значение, ДИВ исчезает, ширина работ, но не высоту ?, когда я использую СЭМ или бэр она прекрасно работает, какие-либо идеи?

+0

седений процентного размера на элемент делает размер относительно этого элемента к размеру объемлющего родителя. что содержится в #logcontainer, кроме тегов html/body? –

+4

100% высота не будет работать, если родитель не имеет определенной высоты. Твоя? –

ответ

1

Я думаю, что все, что вам нужно, это html, body { height: 100% }, если я понять ваш вопрос правильно

1

Набор высоты кузова 100%, то он будет работать. Поскольку вам нужно установить высоту 100% на ваш родительский элемент, в этом случае ваше тело. Тег div является контейнером, но он содержится в теге body ... тег body, к сожалению, не обрабатывается одинаково во всех браузерах ... в некоторых он имеет размер, соответствующий размеру доступного браузера ... в некоторых браузеров тег тела имеет размер, соответствующий минимальной высоте, необходимой для соответствия текущему содержимому .... Таким образом, тег div, установленный на 100%, будет по-разному отличаться на каждом ... фактически, если пустым, тег div может даже не отображаться в некоторых браузерах, так как пустое тело будет, возможно, 0px высоким ...

 html, body 
     { 
      height: 100%; 
     width: 100%; 
     margin: 0; 
     } 
+0

Уже ответил (а) с помощью обычного кода frienddy –

1

Вот решение:

html, body { height: 100%; } 

но это просто решение, которое вы должны понять, почему Happe Это произошло потому, что ваш элемент является элементом уровня блока, который завершает всю ширину и ширину вашего содержимого как 100% , но это не так с высотой, вам нужно указать связанные с контентом, чтобы дать высоту в процентах, например как указано выше тела дала 100%

enter link description here

Смежные вопросы