Вывести блок поверх другого блока если первый блок внутри второго

227

30 сентября 2017, 21:22

Добрый день! Возник вопрос в ходе работы. Есть два блока, к примеру: <div class="first">(height:100px) и дочерний ему блок <div class="second">(height:50px). Мне необходимо <div class="second"> вынести за пределы родителя, чтобы этот дочерний блок был видим без увеличения высоты родителя. Или вопрос по другому: в родителе и в дочернем блоке есть тексты - там и там, мне необходимо в родителе вывести только 3 строки, а дочернем блоке вывести одну строку ниже высоты родителя.

<html> 
  <head> 
  <style> 
    .first{ 
      height: 100px; 
    } 
    .second{ 
      height: 50px; 
    } 
    .main{ 
      height:1000px; 
      width:1000px; 
    } 
  </style> 
  </head> 
  <body> 
    <div class="main"> 
      <div class="first"> 
        какой-то очень большой текст 
      <div class="second"> 
        еще один текст 
      </div> 
    </div> 
  </body> 
</html>

Мне нужно как-то .second вывести на уровень .main за пределы .first.