Из-за чего стили отображаются по разному?
170
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;
}
-
07:09
-
17:51
-
08:01
-
07:36
-
07:00
-
21:22
-
20:00
-
20:14
-
07:41
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 46875 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30322 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 22996 visits
- Как через css изменить цвет png изображения? 10197 visits
- Blob video url download 9811 visits
- Php curl запрос через прокси с авторизацией 9072 visits
- Работа с captcha vk api 7990 visits
© "hostciti.net" 21.5.2024 | 22:59