У меня есть идея дизайна, что я не совсем уверен, что лучший способ сделать это в html и css.По сути, я хочу сделать то, что я (грубо) нарисовал на этом изображении:
По сути, я хочу, чтобы div появлялся на некотором расстоянии вниз от верхней части страницы, чтопростирается от бесконечности до границ контейнера для отображения некоторого содержимого.Мой код выглядит примерно так:
# html
<html>
<body>
<div id="container">
<div id="content">
Some text content
</div>
</div>
</body>
</html>
# css
div#container {
width: 1140px;
margin: 0 auto;
}
div#content {
width: 300px;
background: #000;
color: #fff;
float: left;
}
Где содержимое div # будет тем, у которого фон будет растягиваться до бесконечности.Можно ли это осуществить, не прибегая к изменению фона тега?Я хочу использовать это на нескольких страницах моего сайта, каждая из которых имеет разную высоту и расстояние сверху вниз, поэтому я хотел бы иметь возможность сделать это без необходимости переключения фоновых изображений для тегов для этих различныхстраницы.И содержимое div # будет иметь переменную длину содержимого, поэтому использование фоновых изображений тела не очень элегантное решение.Было бы неплохо сделать это, не прибегая к какому-то абсолютному позиционированию.
Извините за бессвязные, надеюсь, то, что я пытаюсь сделать, понятно.Есть предложения?