- index.html
- style.css
HTML
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Неявная точка отсчета</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="block">Что будет, если какому-нибудь элементу задать абсолютное позиционирование,
<span class="inline-absolute">но при этом</span> не задавать никаких свойств, влияющих на его расположение (например, left)?
</div>
<div class="block">Такой элемент выпадет из
<span class="inline-absolute">потока</span>, но останется на том месте, где был расположен до
<span class="inline-absolute">этого.</span>
</div>
</body>
</html>
CSS
body {
padding: 10px;
}
.block {
margin: 10px;
padding: 20px;
color: white;
background-color: #3a78a1;
}
.inline-absolute {
background-color: #e74c3c;
opacity: 0.8;
}
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.
ЗадачиВыполнено
0
Задайте элементам с классом inline-absolute:
- абсолютное позиционирование,
- внешний отступ сверху (margin)
-15px, - внешний отступ слева (margin)
15px.