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

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

+1 ещё

Простой
Почему не работает margin-right для изображения?
- 1 подписчик
- 06 февр.
- 88 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Как можно продолжать обучение?
- 1 подписчик
- 06 февр.
- 1474 просмотра
3

ответа
JavaScript

+1 ещё

Простой
Есть ли адекватный способ расположить текст по фигуре?
- 1 подписчик
- 06 февр.
- 89 просмотров
0

ответов
HTML

+1 ещё

Простой
Не работает display flex?
- 1 подписчик
- 05 февр.
- 108 просмотров
1

ответ
HTML

+1 ещё

Простой
Как будет правильно создать блоки в виде треугольников в шапке?
- 1 подписчик
- 04 февр.
- 93 просмотра
2

ответа
CSS

Простой
Можно ли подогнать высоту заголовков в карточках, в зависимости от числа строк?
- 1 подписчик
- 04 февр.
- 69 просмотров
1

ответ
JavaScript

+3 ещё

Простой
Почему не правильно отображается сайт после загрузки на гитхаб pages?
- 1 подписчик
- 04 февр.
- 158 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Почему перестал двигаться текст при создании сайта?
- 1 подписчик
- 03 февр.
- 117 просмотров
0

ответов
PHP

+3 ещё

Простой
Как правильно использовать hreflang для мета тега и для карты сайта?
- 3 подписчика
- 03 февр.
- 649 просмотров
0

ответов
HTML

+1 ещё

Простой
Как сделать border-radius для тэга figure?
- 1 подписчик
- 03 февр.
- 126 просмотров
2

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

Fullstack Developer под Wordpress

Future Search

от 90 000 до 150 000 ₽

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

Rocket • Смоленск

от 80 000 до 130 000 ₽

Специалист по работе с клиентами (Customer Support)

Designmodo

До 750 $

Готовый бот для розыгрышей по типу

09 февр. 2025, в 02:02

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

Доработать ВПН проект

08 февр. 2025, в 23:45

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

Создание маскота существующего мобильного приложения

08 февр. 2025, в 23:32

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