Из-за чего стили отображаются по разному?

200

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;
}

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Как симулировать hover на jquery?

Добрый день!

190

HTML

Проверка формы на Ajax + занесения данных в БД

Здравствуйте

201

HTML

Как мне сделать такую же фиксацию блоков как на этом сайте

http://cihadturhancom Наткнулся на портфолио, в котором хотел бы позаимствовать такую же фиксацию секции Мне надо , чтобы при одной прокрутке прокрутилось...

195

HTML

css, javascript: textarea текст разного цвета

Подскажите пожалуйста, можно как-нибудь сделать так, чтобы часть текста в textarea поле было заданного цвета, отличного от основного цвета текста?

313