Почему input вылазит за форму?

Question

VectorMi @VectorMi

HTML
CSS

Почему input вылазит за форму?

Здравствуйте,помогите пожалуйста. Проверяю свой код через Яндекс.Что только не пробовал,но input всегда вылазит за div.Пробовал:border-box,width-max и min и тд. Посмотрел через jsfiddle и там все ровно. Скажите,дело в Яндексе?https://jsfiddle.net/1Lrywcg8/1/

Вопрос задан более года назад
137 просмотров

6 комментариев

Подписаться 1 Простой 6 комментариев

Ivan Ustûžanin @IvanU7n

для информации код в jsfiddle рисует тоже Яндекс и по идее разницы быть не должно
вангую, что забыто переключение в standard-режим через <!doctype html>

Написано более года назад
VectorMi @VectorMi Автор вопроса

Ivan Ustûžanin, а как это забыть?Его не достаточно написать в начале кода?

Написано более года назад
Ivan Ustûžanin @IvanU7n

VectorMi, достаточно, я предположил, что вот это <!doctype html> в начале файла или забыто, или написано так, что браузер не его понимает, т.к. разницу поведения между обычным просмотром и jsfiddle я ничем другим объяснить не могу
проверить, что оно применяется можно через document.compatMode хоть в той же консоли браузера
ещё как вариант наличие непопавшего в jsfiddle кода, который и влияет на поведение

Написано более года назад
VectorMi @VectorMi Автор вопроса

Ivan Ustûžanin, я тоже про последнее подумал. Но код, который будет ломать именно на последней странице(и причем только input) не нашел.

Написано более года назад
Aetae @Aetae

По мере убывания вероятности.
a) Виноват portfolio.css, которого в фидле, естественно, нет.
b) Виновато какое-то расширение браузера.
c) Сайт размещён на http и провайдер впердюлтвает рекламу, попутно ломая вёрстку.
....
z) Действительно баг браузера.

Написано более года назад
VectorMi @VectorMi Автор вопроса

Aetae, ошибка была в input в блоке ниже. Его left: 100px и двигал вправо.

Написано более года назад

Помогут разобраться в теме Все курсы

Яндекс Практикум

Профессиональная вёрстка на HTML и CSS

3 месяца

Далее
Stepik

Основы HTML и CSS

2 недели

Далее
Бруноям

Вёрстка на HTML и CSS

3 месяца

Далее

Решения вопроса 1

Комментировать

Пригласить эксперта

Ответы на вопрос 1

3 комментария

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

CSS

Простой
Как найти в DOM-элементе блоки (div), которые имеют ширину больше, чем их родительский элемент (td) средставми CSS?
- 2 подписчика
- 12 дек.
- 124 просмотра
0

ответов
JavaScript

+2 ещё

Средний
Как можно реализовать что то вроде селекта внутри родителя у которого есть скрытые элементы и должна быть горизонтальная прокрутка?
- 2 подписчика
- 11 дек.
- 169 просмотров
0

ответов
CSS

Простой
Как сделать “арочный” блок адаптивным?
- 1 подписчик
- 11 дек.
- 217 просмотров
0

ответов
CSS

Простой
Как сделать вырез снизу без задания цвета?
- 1 подписчик
- 11 дек.
- 114 просмотров
0

ответов
JavaScript

+2 ещё

Простой
Как сделать резкое переключение слайдов?
- 1 подписчик
- 03 дек.
- 185 просмотров
0

ответов
HTML

+1 ещё

Средний
В какую сторону копать решение чтобы решить проблему с наложением?
- 1 подписчик
- 22 нояб.
- 145 просмотров
0

ответов
HTML

+1 ещё

Простой
Как растянуть вложенный блок внутри других блоков на максимальную длину, но не более чем на ширину страницы?
- 1 подписчик
- 21 нояб.
- 148 просмотров
0

ответов
CSS

Простой
Как сверстать кастомную пунктирную обводку у блока?
- 1 подписчик
- 17 нояб.
- 244 просмотра
2

ответа
CSS

Простой
Можно ли использовать функцию calc() в медиазапросах?
- 1 подписчик
- 13 нояб.
- 238 просмотров
1

ответ
HTML

+1 ещё

Простой
Как реализовать форму ввода как в веб-версии chatGPT?
- 3 подписчика
- 13 нояб.
- 241 просмотр
0

ответов
Показать ещё Загружается…

WordPress (PHP, HTML/CSS) разработчик

Epiic

от 90 000 ₽

Frontend-разработчик (Vanilla JS, high-load media platform)

Karma8

от 200 000 до 300 000 ₽

Frontend разработчик React / Next.js

PurpleSchool

До 65 000 ₽

для информации код в jsfiddle рисует тоже Яндекс и по идее разницы быть не должно
вангую, что забыто переключение в standard-режим через <!doctype html>
Ivan Ustûžanin, а как это забыть?Его не достаточно написать в начале кода?
VectorMi, достаточно, я предположил, что вот это <!doctype html> в начале файла или забыто, или написано так, что браузер не его понимает, т.к. разницу поведения между обычным просмотром и jsfiddle я ничем другим объяснить не могу
проверить, что оно применяется можно через document.compatMode хоть в той же консоли браузера
ещё как вариант наличие непопавшего в jsfiddle кода, который и влияет на поведение
Ivan Ustûžanin, я тоже про последнее подумал. Но код, который будет ломать именно на последней странице(и причем только input) не нашел.
По мере убывания вероятности.
a) Виноват portfolio.css, которого в фидле, естественно, нет.
b) Виновато какое-то расширение браузера.
c) Сайт размещён на http и провайдер впердюлтвает рекламу, попутно ломая вёрстку.
....
z) Действительно баг браузера.
Aetae, ошибка была в input в блоке ниже. Его left: 100px и двигал вправо.

Answer 1 · 2024-11-29 17:23:06

Евгений Залецкий @JZ_52

Нет, проблема 101% в коде программе, а именно в СSS.

Ответ написан более года назад

Комментировать

Answer 2 · 2024-11-30 00:36:33

Evgeniy @Zheleznov

#/ Front / Back / DevOps /#

.feedback form {
    margin: 80px auto;
    max-width: 671px;
    width: 100%;
}

Ответ написан более года назад

3 комментария

Почему input вылазит за форму?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт