Стиль HTML Marquee не работает

Я пытаюсь запустить текст из базы данных как выделение. Шатер должен занимать 10% от общей высоты экрана в нижней части экрана.

Вот мой код:

<div>
<font color="#FFFFFF" size="+1" face="Verdana"><marquee bgcolor="#FF0000" style="height: 10%; bottom: 0; " scrollamount="5">Your text here</marquee></font>
<div>

Он не занимает 10% и не находится внизу страницы. Что мне не хватает?

Источник

1 ответ

Прежде всего, вы забыли '/' в закрывающем теге div, но это не критично. Для тебя height: 10% чтобы работать, нужно исправить родительский элемент heightнапример, набор height: 100% в див. Тогда для bottom:0 Для работы позиция должна быть абсолютной, а родительское позиционирование должно быть относительным:

<html>
    <head></head>
    <body>
        <div style="position: relative; height: 100%;">
        <font color="#FFFFFF" face="Verdana" size="+1"><marquee style="height: 10%; bottom: 0px; position: absolute;" scrollamount="5" bgcolor="#FF0000">Your text here</marquee></font>
        </div>
    </body>
</html>

Надеюсь, поможет

Источник
Другие вопросы по тегам