У меня есть div в главном из моего сайта, что я хотел бы переместить часть заголовка и скрыть нижнюю часть заголовка. в приведенном ниже примере, я бы хотел, чтобы синий квадрат был на 20 пикселей выше и скрыть нижнюю часть заголовка. я буду признателен за любую помощь.
<div class="header" style="height: 200px;width: 100%;background: yellow;"></div>
<div class="main" style="height: 800px;background: orange">
<div class="text" style="height: 100px;width: 50px;background: blue;"></div>
</div>
спасибо
.main, .text { position:relative; }
.text { top:-20px; }
Используйте свойство position
и некоторое -50px margin
для вашего .text
<div class="header"></div>
<div class="main">
<div class="text"></div>
</div>
.header{
position:relative;
height: 200px;
width:100%;
background: yellow;
}
.main{
position:relative;
height: 800px;
background: orange;
}
.text{
position:absolute;
height: 100px;
width: 50px;
background: blue;
margin-top:-50px;
}
попробуй это
.main { margin-top: -20px; }