пишет:
Здравствуйте! Продолжаем разбираться с версткой страницы на CSS и в этой статье я расскажу о плавающих блоках. Нередко встречается ситуация, когда к вложенным в обтекающий блок элементам также применяется обтекание. Например, блок основного содержимого может включать блок собственно содержимого и блок меню. В принципе к таким блокам будут применяться все те же правила, что были рассмотрены ранее.
Определим сначала последовательно все блоки веб-страницы:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Блочная верстка в HTML5</title>
<style>
div{
margin: 10px;
border: 1px solid black;
font-size: 20px;
height: 80px;
}
#header{
background-color: #ccc;
}
#sidebar{
background-color: #bbb;
float: right;
width: 150px;
}
#main{
background-color: #fafafa;
height: 200px;
margin-right: 170px;
}
#menu{
background-color: #ddd;
}
#content{
background-color: #eee;
}
#footer{
background-color: #ccc;
}
</style>
</head>
<body>
<div id="header">Шапка сайта</div>
<div id="sidebar">Правый сайдбар</div>
<div id="main">
<div id="menu">Меню</div>
<div id="content">Основное содержимое</div>
</div>
<div id="footer">Футер</div>
</body>
</html>
Читать далее
Это интересно
0
|
|||
Последние откомментированные темы:
-
Лучший чат-бот с искусственным интеллектом - какой из них вам подходит?
(1)
boris 1
,
13.01.2022
-
Новогоднее украшение рабочего стола ПК
(1)
Елена2022
,
21.12.2021
-
Как JPG преобразовать в Word с распознаванием текста
(1)
Olejaweb
,
13.11.2021
-
Как вернуть классическое ленточное меню в проводник Windows 11
(1)
Сергей Михайлов сын
,
26.10.2021
-
Как покупать ссылки на Miralinks
(1)
Stanzeka
,
17.10.2021
-
Обзор новинки от компании Plantronics – беспроводных наушников BackBeat Go 600
(2)
Onix
,
17.08.2021
-
Как переустановить Windows 7 с сохранением данных
(2)
Horov
,
27.05.2021
-
Нужно ли использовать антивирус на ПК
(1)
gennady 44
,
10.05.2021
-
Лучшие бесплатные альтернативы MS Office
(2)
Horov
,
03.04.2021
-
«Набросок на фрагменте экрана» для создания скриншотов
(1)
gennady 44
,
25.02.2021
-
Microsoft Defender Offline для поиска трудно удаляемых вирусов
(1)
IJ
,
12.02.2021
-
Как заблокировать программе выход в интернет на Windows?
(2)
GGarry
,
12.01.2021
-
Создание точки восстановления Windows в командной строке или в PowerShell
(2)
bigluzer131261
,
12.01.2021
-
Программа ImBatch для пакетной обработки фотографий
(1)
GGarry
,
11.01.2021
20251121035706