Задать вопрос

Sulim Programmer @II_95_LeGeNdA_95_II

Увлекаюсь веб-разработкой и хочу этим зарабатывать

html

Что надо делать чтобы тот нижний блок обтекал синий(без свойства float)?

Это надо делать ЖЕЛАТЕЛЬНО с помошью "FlexBox

"
Решение: Два блока(или более) которые должны стоять рядом, должны быть в одном блоке(желательно дать class или id, Мы например дадим class="primer"), а те которые должны быть с верху или снизу (header/footer) должны быть отдельны.
И в css нужно написать классу primer следующее:

.primer {
 display: flex;
flex-direction: row;
}

Вопрос задан более трёх лет назад
86 просмотров

3 комментария

Подписаться 1 Средний 3 комментария

Sulim Programmer @II_95_LeGeNdA_95_II Автор вопроса

Поднять его так скажем...

Написано более трёх лет назад
Василий Варюхин @Hocopor

Приведите пример вашего кода.

Написано более трёх лет назад

Sulim Programmer @II_95_LeGeNdA_95_II Автор вопроса

<!DOCTYPE html>
<html lang="en">
<head>
	<link rel="stylesheet" href="musor.css">
	<meta charset="UTF-8">
	<title>ДОКУМЕНТ</title>
</head>
<body>
<div class="main">
	<div class="header"></div>
	<div class="left"></div>
	<div class="content"></div>
	<div class="footer"></div>
</div>
</body>
</html>

body {
	padding: 0;
	margin: 0;
}
.main {
	display: flex;
	flex-direction: column;
}
.header {
	height: 100px;
	width: 100%;
	background-color: red;
}

.left {
	height: 655px;
	width: 30%;
	background-color: blue;
}

.content {
	width: 70%;
	background-color: green;
	height: 100px;
	height: 655px;
	justify-content: space-around;

}

Написано более трёх лет назад

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

HTML

+2 ещё

Средний
Почему у меня не отображаются кнопки?
- 1 подписчик
- 17 минут назад
- 18 просмотров
2

ответа
HTML

+1 ещё

Простой
Правильно ли с точки зрения семантики БЭМ я расставляю wrapper'ы и вообще называю дивы?
- 1 подписчик
- 4 часа назад
- 47 просмотров
0

ответов
HTML

+1 ещё

Простой
Как установить одну и ту же ширину элементов в разных блоках?
- 1 подписчик
- 15 часов назад
- 65 просмотров
1

ответ
HTML

+1 ещё

Простой
Как расположить контент сайта на всю высоту?
- 1 подписчик
- 15 часов назад
- 41 просмотр
1

ответ
HTML

+1 ещё

Простой
Паддинг и Маргин ломает длину и ширину, не получается выставить отступы внутри блока?
- 1 подписчик
- 19 часов назад
- 49 просмотров
0

ответов
JavaScript

+1 ещё

Средний
Как подключить поисковую систему в js?
- 1 подписчик
- 20 часов назад
- 73 просмотра
1

ответ
CSS

Простой
Можно ли в CSS сгладить углы при использовании border-radius?
- 1 подписчик
- вчера
- 87 просмотров
1

ответ
CSS

+2 ещё

Простой
Как корректно настроить Gulp + Sass?
- 1 подписчик
- вчера
- 66 просмотров
1

ответ
HTML

Простой
Почему некорректно отражается текстареа в Osclass evolution?
- 1 подписчик
- вчера
- 31 просмотр
0

ответов
HTML

Простой
Как на html реализовать блоки «Внимание / Важно»?
- 1 подписчик
- вчера
- 116 просмотров
1

ответ
Показать ещё Загружается…

Fullstack Developer под Wordpress

Future Search

от 90 000 до 150 000 ₽

WordPress-разработчик

div. • Ставрополь

от 50 000 до 120 000 ₽

JavaScript FullStack разработчик

Rocket • Смоленск

от 80 000 до 130 000 ₽

Сделать 5 видеобэкграундов для выступления детей

23 нояб. 2024, в 13:29

400 руб./за проект

Разработать Back-end часть веб-приложения

23 нояб. 2024, в 12:39

100000 руб./за проект

Написать код на языке Python

23 нояб. 2024, в 12:16

60000 руб./за проект