html линия HR сокращается по абсолютной css + относительное позиционирование - PullRequest
1 голос
/ 12 декабря 2011

Вот мой HTML-код -

<html>
<head>
<link type="text/css" href="/static/theme.css" rel="Stylesheet" />  
</head>
<body>
<div id="footer">
<hr>Copyright content goes here</div>
</body>
</html>

содержание theme.css

#footer {
    position: absolute;
    bottom: 0px;
    color: #f00;

}

, когда я просматриваю HTML, я вижу, что линия HR доступна (ширина линии) только до содержания "Авторские права здесь идут".Мне нужно убедиться, что авторское право доступно только в самом низу, поэтому я использую абсолютный + относительный CSS.

Когда я меняю положение на относительное, оно работает нормально - я вижу полную линию ЧСС.

почему абсолютное + относительное позиционирование "отрезает" линию HR?

1 Ответ

4 голосов
/ 12 декабря 2011

Добавление ширины: 100% к стилю нижнего колонтитула.

#footer {
    position: absolute;
    bottom: 0px;
    color: #f00;
    width:100%;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...