пишет:
Здравствуйте! Рассмотрим некоторые проблемы при создании макетов страниц с использованием свойства float. При работе с плавающими элементами и свойством float довольно часто можно столкнуться с проблемой выпадения из страницы плавающих элементов. У этой проблемы есть различные аспекты и их решения. Рассмотрим эти аспекты.
Например, пусть у нас задан следующий блок:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Блочная верстка в HTML5</title>
<style>
#sidebar{
float: left;
width: 25%;
padding: 10px;
}
#main{
border-left: 1px solid #ccc;
width:75%;
padding: 15px;
margin-left: 25%;
}
</style>
</head>
<body>
<div id="sidebar">
<h2>The standard Lorem Ipsum passage</h2>
<p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore et dolore...</p>
</div>
<div id="main">
<h2>What is Lorem Ipsum?</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry...</p>
<p>Contrary to popular belief, Lorem Ipsum is not simply random text..</p>
</div>
</body>
</html>
Читать далее
Вступите в группу, и вы сможете просматривать изображения в полном размере
Это интересно
0
|
|||
Последние откомментированные темы:
-
Word онлайн бесплатно
(1)
master284
,
04.05.2019
-
Ключевые слова и их связь с запросами
(1)
master284
,
04.05.2019
-
Как скачать Киностудию Windows (Windows Movie Maker) для Windows 10, Windows 8, Windows 7
(4)
Horov
,
23.07.2018
-
Как сделать кнопку своими руками
(1)
master284
,
29.12.2017
-
Какие существуют поисковые системы кроме Yandex и Google?
(1)
Словесник
,
21.12.2016
-
TP-Link TL-WR740N - настройка маршрутизатора
(2)
Sugrob
,
22.10.2016
-
Какой корпус компьютера выбрать?
(1)
Sugrob
,
05.02.2015
-
Какие процессоры лучше AMD или Intel?
(1)
Sugrob
,
14.12.2014
-
Сервис Яндекс. Диск на службе блоггера.
(6)
ivsem
,
04.12.2014
20250124215121