css - свойство height

245
03 декабря 2017, 11:48

Проблема такая: есть блок

    <div class="main" style="height: auto">
      <div style="height: 100px"></div>
    </div>

Родительский div (с классом 'main') будет иметь высоту 100px (как у дочернего)

Как сделать так, чтобы 'main' имел половину своей высоты (50px)?

На псевдокоде это будет выглядеть как то так

   height: auto/2;
Answer 1

Думаю в данном случае лучше всего использовать height : 50 %;

Answer 2

я через JS решал такие вопросы, возможно не правельно на работает

      $(".main").css("height", function(){ 
        var height = $(".main_bl").height() *2; 
        return height;})
.main_bl{ 
border:1px solid blue; 
 
} 
.main{ 
height:auto; 
border:1px solid red; 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div class="main"> 
      <div style="" class="main_bl"> 
      ТЕКСТ ТЕКСТ 
      </div> 
</div>

Answer 3
.main { 
     height: 50%;
}

должно работать

READ ALSO
rtl.css и media queries
CSS

rtl.css и media queries

Есть элемент с классомblock

 246
Golang mysql-driver: invalid connection
MySQL

Golang mysql-driver: invalid connection

Почему у меня не хочет подключаться к серверу mysql (стоит на локальном хосте: Denwer)В Apache прописаны конфигурации: $&{ip:-127

 627
Проблемы после установки DataGrip (JetBrains)
MySQL

Проблемы после установки DataGrip (JetBrains)

После установки DataGrip у меня постоянно пустой экран при постоянном создании нового проектаНе знаю как решить эту проблему

 268
Как в mysql изменить тип поля
MySQL

Как в mysql изменить тип поля

Надо сделать поле чтобы можно записывать в него числа типа 655, а сейчас можно только целые числа писать

 307