css - свойство height

218

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%;
}

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

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

rtl.css и media queries

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

215

MySQL

Golang mysql-driver: invalid connection

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

583

MySQL

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

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

238

MySQL

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

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

269