Вопросы Теги

Укладка ОТДЕЛЕНИЙ друг на друге?

Это возможный сложить несколько ОТДЕЛЕНИЙ как:

<div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>

Так, чтобы у всех тех внутренних ОТДЕЛЕНИЙ было то же положение X и Y? По умолчанию они все понижаются друг друга увеличивающего положение Y высотой последнего предыдущего DIV.

У меня есть чувство, своего рода плавание или дисплей или другой прием могли укусить?

Править: Родительский DIV имеет родственника положения, таким образом, с помощью абсолютного положения, кажется, не работает.

102
задан Dom 9 January 2013 в 16:09
поделиться

4 ответа

Position the outer div however you want, then position the inner divs using absolute. They'll all stack up.

.inner { position: absolute; }
 
1
 
2
 
3
 
4
149
ответ дан 24 November 2019 в 04:29
поделиться

style = "position: absolute"

5
ответ дан 24 November 2019 в 04:29
поделиться

To add to Dave's answer:

div { position: relative; }
div div { position: absolute; top: 0; left: 0; }
47
ответ дан 24 November 2019 в 04:29
поделиться

Если вы имеете в виду буквально положить один поверх другого, один сверху (те же позиции X, Y, но другое положение Z), попробуйте использовать z-index Атрибут CSS. Это должно работать (непроверено) 

<div>
    <div style='z-index: 1'>1</div>
    <div style='z-index: 2'>2</div>
    <div style='z-index: 3'>3</div>
    <div style='z-index: 4'>4</div>
</div>

Это должно показать 4 наверху 3, 3 наверху 2 и так далее. Чем выше z-index, тем выше расположен элемент по оси z. Надеюсь, это вам помогло :)

7
ответ дан 24 November 2019 в 04:29
поделиться