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

185
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;
}
READ ALSO
Как симулировать hover на jquery?
HTML

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

Добрый день!

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

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

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

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

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

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

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

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

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

 298