0

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

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

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

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

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

   height: auto/2;
2
  • Есть подозрение, что такое можно только расчётами на js
    – andreymal
    2 дек 2017 в 10:56
  • 1
    как вариант - jsfiddle.net/a5meetta
    – soledar10
    2 дек 2017 в 11:05

2 ответа 2

0

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

1
  • 50% - это половина высоты родителя, а не половина своей высоты
    – DcoartB
    2 дек 2017 в 10:35
0

я через 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>

2
  • а если высота неизвестна?
    – DcoartB
    2 дек 2017 в 11:10
  • при любой высоте, блок с классом main будет в два высшим чем main_bl. удалили сейчас высоту и просто додал текст
    – klifort
    2 дек 2017 в 11:13

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.