Дополнение в исходных данных повреждает ширину 100%

Лучший ответ S.O. вокруг предикатов, которые я нашел, находится на дублирующийся вопрос.

подводя итоги, на естественных языках предикат является частью предложения, которая описывает предмет.

Jane высока

, Jane является предметом, и is tall предикат.

В информатике мы не интересуемся утверждением факта о предмете, а скорее тестировании, если что-то - TRUE или FALSE.

jane.isTall();

Здесь jane является некоторым объектом с методом предиката, который возвратит любой TRUE или FALSE.

121
задан Sandman 4 September 2009 в 07:33
поделиться

4 ответа

Возможно, возьмите границу + фон от входа , и вместо этого заключите его в div с рамкой + фон и шириной: 100%, и установите поле на входе ?

1
ответ дан 24 November 2019 в 01:29
поделиться

Один из вариантов - заключить INPUT в DIV с заполнением.

CSS:

div.formvalue {
    background-color: #eee;
    border: 1px solid red;
    padding: 10px;
    margin: 0px;
}

div.paddedInput {
    padding: 5px;
    border: 1px solid black;
    background-color: white;
}

div.paddedInput input {
    border: 0px;
    width: 100%;
}

HTML:

<div class="formvalue">
    <div class="paddedInput"><input type="text" value="Padded!" /></div>
</div>
7
ответ дан 24 November 2019 в 01:29
поделиться

Я не знаю, насколько он совместим с разными браузерами (работает в firefox и safari), но вы можете попробовать следующее решение:

DIV.formvalue {
padding: 15px;
}
input.input {
margin: -5px;
}

(Опубликованы только те значения, которые я изменил)

7
ответ дан 24 November 2019 в 01:29
поделиться

Единственное, что я знаю, чтобы предотвратить это, - это присвоить такие значения 100% -10. Но у него есть некоторые проблемы с совместимостью.

-2
ответ дан 24 November 2019 в 01:29
поделиться
Другие вопросы по тегам:

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