Как этот элемент увеличен на странице?

На этой странице (вам нужно будет добавить товар в корзину, чтобы увидеть поля оформления заказа): https://www.wptasty.com/checkout

Элемент fieldset («Информация о кредитной карте») находится на полпути за пределами своего контейнера (серый фон - это контейнер):

часть формы оформления заказа, где легенда находится на полпути вне контейнера

Сначала я подумал, что это просто отрицательная верхняя маржа, но я не могу найти никаких доказательств этого. Я подумал, может быть, он был абсолютно позиционирован, но и этого не нашел.

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

HTML:

<form>
    <fieldset>
        <legend>Credit Card Info</legend>
        <input>A variety of inputs</input>
    </fieldset>
</form>

Заранее спасибо!

Пожалуйста, добавьте сюда содержательный код и описание проблемы. Не делайте ссылку на сайт, который нужно исправить - в противном случае этот вопрос потеряет всякую ценность для будущих посетителей, как только проблема будет решена или если сайт, на который вы ссылаетесь, станет недоступным. Отправка Минимальный, полный и проверяемый пример (MCVE), демонстрирующего вашу проблему, поможет вам получить более точные ответы. Для получения дополнительной информации см. Что-то на моем веб-сайте не работает. Могу я просто вставить на него ссылку? Спасибо!

j08691 13.09.2018 20:30

Отредактировано для добавления HTML.

Raquel Smith 14.09.2018 22:17
0
2
26
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

«Информация о кредитной карте» отображается внутри элемента legend, и он выполняет то же самое, что и legend внутри набора полей: он отображается с выравниванием по центру внутри верхней границы своего родительского fieldset. Это отображение по умолчанию для legend, что является своего рода особым случаем в HTML.

Вы можете позиционировать его, используя позиционирование float или absolute, но такие вещи, как display, не будут работать, поскольку legend особенный.

Спасибо вам за помощь! Что объясняет его. Я не знал, что к элементам legend относились по-особенному.

Raquel Smith 14.09.2018 22:09

Другие вопросы по теме