Позиционирование блоков, адаптивный дизайн
216
09 апреля 2017, 00:54
На странице много блоков заданной ширины и высоты, при изменении ширины экрана они адаптируются под нее. Но есть один блок шириной в два стандартных. Он всегда должен быть расположен в правом верхнем углу. Проблемы с отступом слева (прижат к правому краю), помогите прижать его влево.
<html>
<head>
</head>
<body>
<div style="float:right; width: 200px; height: 100px; border: solid red 1px; ">проблемный блок</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
<div style="float: left; width:100px;height: 100px;">стандартные блоки</div>
</body>
</html>
-
13:29
Кофе для программистов: как напиток влияет на продуктивность кодеров?
-
22:13
Рекламные вывески: как привлечь внимание и увеличить продажи
-
19:13
-
16:04
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
-
17:27
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
-
22:17
-
18:08
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
-
18:54
-
17:35
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 47917 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30568 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23903 visits
- Как через css изменить цвет png изображения? 10401 visits
- Blob video url download 10006 visits
- Php curl запрос через прокси с авторизацией 9278 visits
- Работа с captcha vk api 8147 visits
© "hostciti.net" 27.3.2025 | 04:13