Из-за чего стили отображаются по разному?
227
11 апреля 2018, 06:25
Заметил что одни и те же стили в разных страницах отображаются по разному к примеру:
input[type=text]{
width: 390px
}
В странице index будет с размером 390px, а в странице main будет 390+pх, но точно не 390. Из-за чего может быть такое искажение стилей? Кроме своих стилей я ничего из сторонних не подключал.
Answer 1
По умолчанию браузеры плюсуют к ширине input еще и padding и border. Также по умолчанию есть и margin. Решается просто:
input {
width: 100%;
/* Убираем влияние padding и border на конечную ширину input */
box-sizing: border-box;
/* Обнуляем margin */
margin: 0;
}
-
12:23
-
20:41
-
06:31
-
21:28
-
22:18
-
08:00
-
13:46
-
10:14
-
18:32
Сборка персонального компьютера от Artline: умный выбор для современных пользователей
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 49900 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31898 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 25861 visits
- Как через css изменить цвет png изображения? 11718 visits
- Blob video url download 11266 visits
- Php curl запрос через прокси с авторизацией 10651 visits
- Работа с captcha vk api 9464 visits
© "hostciti.net" 11.12.2025 | 23:33