С Новым годом! Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.67/6: Рейтинг темы: голосов - 6, средняя оценка - 4.67
0 / 0 / 0
Регистрация: 29.11.2016
Сообщений: 26

Размещение блоков

13.07.2019, 00:54. Показов 1173. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Сам не смог разобратся, подскажите пожалуйста, а как сделать такое: ?
Миниатюры
Размещение блоков  
0
Лучшие ответы (1)
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
13.07.2019, 00:54
Ответы с готовыми решениями:

Размещение блоков
Не могу разобратся в div'ах. Помогите ещё раз пожалуйста

Размещение блоков и их наложения
помогите кто знает. я уже 2 день голову ломаю, никак не могу придумать что сделать. Проблема такая, что фон левой и правой колонки...

Размещение блоков в ряд
Хочу расположить внутри одного родительского блока два блока вряд. При применении к левому дочернему блоку float:left он перестает быть...

1
566 / 465 / 183
Регистрация: 14.10.2017
Сообщений: 1,259
13.07.2019, 06:52
Лучший ответ Сообщение было отмечено Greeench как решение

Решение

можно так
HTML5
1
2
3
4
5
6
7
8
9
    <div class="wrapper">
        <div class="items"></div>
        <div class="items">
            <div class="cells"></div>
            <div class="cells"></div>
            <div class="cells"></div>
        </div>
        <div class="items"></div>
    </div>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
.wrapper {
  min-width: 600px;
  display: flex;
  align-items: center;
}
.items {
  min-height: 300px;
  background: green;
  flex: 1;
  box-sizing: border-box;
  border: 1px solid white;
}
.items:nth-child(3) {
  min-height: 100px;
}
.cells {
  min-height: 100px;
  box-sizing: border-box;
  border: 1px solid white;
}
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
13.07.2019, 06:52
Помогаю со студенческими работами здесь

Размещение блоков в блоке
Извините, вопрос примитивный может покажется, но не могу найти как в блоке div, разместить 2 блока вне зависимости от размера, один вверху,...

Размещение блоков на странице
Добрый день! Подскажите как лучше разместить блоки на странице: У меня вот такой вот шаблон: Ни как не могу придумать как сделать...

Размещение div блоков
Мне нужно сделать на сайте вот так: Но у меня получается вот так: Код CSS: #page { clear:both; width:93%;...

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

Размещение блоков <div> в строку
Как сие дивы разместить ровно в строку? Ибо в таком виде правая часть ниже &lt;p&gt;&lt;div align=&quot;left&quot;&gt; &lt;font face =...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Модель микоризы: классовый агентный подход 3
anaschu 06.01.2026
aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR
ФедосеевПавел 06.01.2026
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .
Модель микоризы: классовый агентный подход 2
anaschu 06.01.2026
репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .
Расчёт токов в цепи постоянного тока
igorrr37 05.01.2026
/ * Дана цепь постоянного тока с сопротивлениями и напряжениями. Надо найти токи в ветвях. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и решает её. Последовательность действий:. . .
Новый CodeBlocs. Версия 25.03
palva 04.01.2026
Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .
Модель микоризы: классовый агентный подход
anaschu 02.01.2026
Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост.
Programma_Boinc 28.12.2025
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / **********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / **********/ gallery/ bKBkQFf Пост отсюда. . .
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Programma_Boinc 26.12.2025
Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru