DIV блоки HTML/CSS. Как сделать DIV блок внутри другого?

Question

DIV блоки HTML/CSS. Как сделать DIV блок внутри другого?

Maxim Wolkoff Ученик (200), закрыт 12 лет назад

Дополнен 12 лет назад

Имеется ввиду, чтобы один накладывался на другой.
Типо я хочу сделать блок, поставить ему background и сверху другой блок, тоже с background

Answer 1

html-код:
< div id="div_1" >
< div id="div_2" >
< /div >
< /div >

css - код:
#div_1 {
background: url(..images/picture.jpg) no-repeat center top;
width: 300px;
height: 300px;
}

#div_2 {
background: url(..images/picture_2.jpg) no-repeat center top;
width: 300px;
height: 300px;
}

Answer 2

Pih V Pah Мыслитель (7027) 12 лет назад

Сделай основному диву display: table

Answer 3

помещай див в див, с помощью правил css :z-индекс и т. п. определяй положение, т. е прописывай блокам классы с позиционированием
простой пример
<html>
<head>
<title></title>
<style type="text/css">
* { margin:0px; padding:0px; }
</style>
</head>
<body>
<div style="background:#FF0000;">1</div>
<div id="dop_block">
<div style="background:#00FF00;">2</div>
</div>
<div style="background:#FF0000;">3</div>
</body>
</html>

Answer 4

Пользователь удален Мудрец (15241) 12 лет назад

htmlbook.ru
Полазай, полезно будет.