всплывающая панель, которая прикрепляется к нижней части экрана

Question

Как создать всплывающую панель, которая прикрепляется к нижней части экрана ...

Способ, которым я это делаю, заключается в настройке стиля следующим образом:

низ: 10 пикселей; положение: абсолютное;

Это всегда будет устанавливать панель на 10 пикселей от нижней части окна браузера.

Проблема в том, что gwt (или gwtp в этом отношении) настаивает на том, чтобы установить правую и верхнюю часть панели и таким образом переопределить мой стиль. Если я использую проводник элементов chrome и отключаю правильные и верхние правила стиля, я получаю правильное поведение, поэтому один из способов сделать это - отключить настройку gwt расположения панели на экране ...?

Answer 1

Возможно, вам нужно увеличить приоритет ваших правил, используя !important для них, чтобы переопределить то, что GWT устанавливает для них.

Также, значения по умолчанию для top и right будутнеобходимо сбросить их до значения по умолчанию, которое auto, а не 0.

Попробуйте это:

.mySelector {
    bottom: 10px !important;
    position: absolute !important; 
    /* You could also try position: fixed !important; here
    if the element should be fixed by screen position
    rather than containing element position */
    right: auto !important;
    top: auto !important;
}

Answer 2

Попробуйте:

element-selector
{
    bottom: 10px; 
    position: absolute;
    top: 0;
    right: 0;
}

Надеюсь, gwtp не переопределит.