Надо сделать так как на изображении
180
02 февраля 2020, 22:00
Не понимаю, как это сделано, блоки над друг другом стоят, кто знает подскажите пожалуйста
вот структура
<ul id='headlines' class='news short'>
<li>
<div class="title">
<h2>First block</h2>
<p>...</p>
</div>
</li>
<li>
<div class="title">
<h2>Second block</h2>
<p>...</p>
</div>
</li>
<li>
<div class="title">
<h2>Third block</h2>
<p>...</p>
</div>
</li>
</ul>Answer 1
Вот простой примерчик, ну и как тебе посоветовали выше почитай про позиционирование элементов. В данном примере используется абсолютное позиционирование:
.container div {
position: absolute;
width: 200px;
height: 50px;
display: block;
border: 1px dotted;
}
.container div:nth-child(1) {
background: yellow;
top: 10px;
border-color:green;
color: green;
}
.container div:nth-child(2) {
background: green;
top: 50px;
left: 20px;
border-color: black;
color: black;
}
.container div:nth-child(3) {
background: red;
top: 90px;
border-color: blue;
color: blue;
}<div class='container'>
<div>First block</div>
<div>Second block</div>
<div>Third block</div>
</div>
-
17:01
-
11:24
-
10:16
-
17:54
-
22:01
-
13:03
-
12:54
Айфон мало держит заряд, разбираемся с проблемой вместе с AppLab
-
21:25
-
07:04
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 47584 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30499 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23647 visits
- Как через css изменить цвет png изображения? 10353 visits
- Blob video url download 9963 visits
- Php curl запрос через прокси с авторизацией 9214 visits
- Работа с captcha vk api 8096 visits
© "hostciti.net" 04.12.2024 | 11:57