Расположение блоков в div

238
07 марта 2018, 05:53

Как сделать так, чтобы блоки лежали один на другом? Есть

<div >
   <div class = "0"/>
   <div class = "1"/>
</div>

И нужно чтоб 1 лежал на 2

Answer 1

.box { 
  position: relative; 
} 
 
.box1 { 
  background: blue; 
  width: 70px; 
  height: 70px; 
} 
 
.box2 { 
  background: red; 
  width: 50px; 
  height: 50px; 
  position: absolute; 
  left: 0; 
  top: 0; 
}
<div class="box"> 
  <div class="box1"></div> 
  <div class="box2"></div> 
</div>

Демо

READ ALSO
CSS Grid колонки разной высоты

CSS Grid колонки разной высоты

Как расположить колонки разной высоты друг под другом, при помощи Grid? Как показано на изображении

592
Не знаю как сделать оверлей

Не знаю как сделать оверлей

Очень простая задача сделать оверлей загнала в тупикМне в принципе не приходит идея, как это осуществить

218