Элементы страницы неправильно зависают, нет согласованности между браузерами

#html #css #flow #css-position

#HTML #css #css-position

Вопрос:

У меня есть область на веб-странице, где есть запись даты. Рядом с ним находится кнопка, при нажатии на которую справа от записи должен появиться небольшой календарь, позволяющий пользователям щелкнуть по желаемой дате.

Я хочу, чтобы календарь появлялся и не прерывал поток страницы вообще. Вот стиль для календаря:

 div.dateEntry
{
    position: relative;
    bottom: 25px;
    left: 365px;
}
  

В Firefox календарь появляется в нужной области, но он прерывает поток страниц, выталкивая все, что находится под записью календаря, вниз. В IE календарь отображается в статическом виде, как будто стиль не применяется. Что дает?

Комментарии:

1. Вы используете таблицу стилей сброса?

Ответ №1:

Что вы, вероятно, хотите, так это расположить этот элемент absolute вместо relative , поскольку это удалит его из потока документов

Возможно, потребуется, чтобы для параметра «родительский» было установлено значение position:relative; , чтобы убедиться, что он по-прежнему отображается рядом с элементом ввода даты