Как использовать одно фоновое изображение для основного div, у которого есть два div, один слева и один справа
-
08-07-2019 - |
Вопрос
Я хочу создать страницу HTML, CSS, где макет выглядит следующим образом:
< div id = " content " >
< div id = " оставлено " >
.....
л &; / дел GT &;
< div id = " right " >
.....
л &; / дел GT &;
л &; / дел GT &;
У содержимого div есть фоновое изображение, которое должно повторяться в направлении y. Также левый и правый элементы div должны располагаться рядом над одним и тем же фоновым изображением. Я могу сделать это, но сохраняя фиксированную высоту содержимого, но не хочу фиксировать высоту содержимого. Пожалуйста, помогите мне, ребята.
Заранее спасибо:)
Решение
не видя ваш код ... я предполагаю, что вы перемещаете левый и правый DIV ... но вы не перемещаете DIV содержимого ...
ваш CSS должен выглядеть примерно так, чтобы он работал:
#content {
float:left;
background-image:url('whatever.png');
background-repeat:repeat-y;
}
#left {
float:left;
}
#right {
float:left;
}
Другие советы
Я могу сделать это, но сохраняя высоту содержимого исправлено, но я не хочу делать фиксированная высота содержимого.
Если вы можете повторить фоновое изображение в направлении Y, тогда не имеет значения, какова высота #content
div, поскольку ваш фон просто заполнит оставшееся пространство - правильно?
Если ваш контентный div не расширяется до высоты дочернего div, тогда ясно, что float
должен быть вне нормального потока страницы, в этом случае вы должны <=> это сделать, а не устанавливать высоту для контейнера. дела.
Довольно сложно понять, что вы пытаетесь сделать, но я думаю , что вы хотите сделать, это добавить overflow: auto
к вашему контенту div, чтобы он стал такой же высоты, как левый и правый div:
#content {
overflow: auto;
background: [bg code]
}
#left, #right {
float: left;
}