Почему мой div исчезает?

Question

Почему мой div исчезает?

0

В css, когда я даю свою div-высоту процентное значение, div полностью исчезает, вот что я делаю

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

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

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

   }

всякий раз, когда высота имеет процентное значение, div исчезает, ширина работает, но нет высоты?, когда я использую ems или rem работает отлично, любые идеи?

David Mendienta 15 фев. 2014, в 21:40

Источник

0

установка процентного размера для элемента делает размер этого элемента относительно размера содержащего родителя. что содержится в #logcontainer, кроме тегов html / body?
Marc B 15 фев. 2014, в 20:28
4

Высота 100% не будет работать, если родитель не имеет определенной высоты. Твой?
Paulie_D 15 фев. 2014, в 20:28

Теги:

html

css

web

3 ответа

Ещё вопросы

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

suraj rawat · Answer 1 · 2014-02-15T18-40-00.000Z

Вот решение:

html, body {    height: 100%;    }

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

введите ссылку здесь

user2804021 · Answer 2 · 2014-02-15T18-17-00.000Z

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

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

Уже ответил с подобным кодом приятель

Andy Holmes · Answer 3 · 2014-02-15T18-10-00.000Z

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