Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.57/7: Рейтинг темы: голосов - 7, средняя оценка - 4.57
21 / 21 / 16
Регистрация: 06.05.2016
Сообщений: 253
1

Одинаковый отступ для блоков

09.01.2017, 22:23. Показов 1318. Ответов 1
Метки нет (Все метки)

Добрый день уважаемые. Столкнулся с непониманием этапа верстки подскажите, как решить.
Есть большой див 1000х1000рх. В нём должно содержатся 9 блоков равно удаленных друг от друга и от границ большого дива. У меня почему то с этим вышла запара.
https://jsfiddle.net/BlackStar1991/8ku7gLhe/1/
Я создаю блоки с классом float: left; и задаю им margin; равный половине длинны стороны маленького блока. Не могу понять почему они у меня не выстраиваются по 3 в ряд?

CSS
1
2
3
4
5
6
7
8
9
10
11
12
.bigBlock{
  width: 1000px;
  height: 1000px;
  border: 1px solid #000;
}
.block{
  float: left;
  width: 200px;
  height: 200px;
  margin: 100px;
 background-color: #000;
}
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
09.01.2017, 22:23
Ответы с готовыми решениями:

Одинаковый межстрочный отступ для текста с разным размером шрифта
Посоветуйте пожалуйста, как сделать одинаковый вертикальный отступ допустим в 15px для текста с...

Как сделать одинаковый отступ между блоками, но кроме краёв контейнера?
Всем привет. Допустим есть контейнер, внутри него несколько одинаковых блоков с margin:15px....

Убрать отступ при смещении верхних блоков
https://jsfiddle.net/p5gby80o/ Вроде все хорошо, но почему образуется отступ между 1 и 5 блоком?...

Одинаковый код для нескольких картинок
На форме расположены штук 20 картинок. Каждой из них необходимо присвоить одинаковую реакцию на...

1
35 / 36 / 23
Регистрация: 31.05.2014
Сообщений: 131
09.01.2017, 22:40 2
https://jsfiddle.net/8ku7gLhe/2/
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
.bigBlock{
  width: 1000px;
  height: 1000px;
  border: 1px solid #000;
}
.block{
  float: left;
  width: 200px;
  height: 200px;
  margin-top:100px; 
  margin-left:100px;
 background-color: #000;
}
Добавлено через 2 минуты
Горизонтальные и вертикальные отступы суммируются. У вас между первым и вторым расстояние получается в 200px
1
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
09.01.2017, 22:40

Заказываю контрольные, курсовые, дипломные работы и диссертации здесь.

Одинаковый код для разных форм и контролов. MVVM
Есть у меня одна модель и 2 формы. В формах содержится 4 usercontrol в которых понакидано несколько...

Одинаковый код для одного события у разных элементов управления
У каждого элемента управления есть события. Например MouseMove. Мне необходимо на каждый элемент...

Массив: Вывести наименьший одинаковый элемент для 3 заданных массивов.
Никак не могу додуматься и написать код для задачи. Задачка такая: Есть 3-и массива, элементы...

Отступ для красной строки для определенного DIV
Добрый день! Помогите, в частности попробуйте понять, что именно хочу. Мне нужно сделать, с...


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

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.