Как создать перекрывающиеся элементы div с помощью CSS?

Question

Как создать перекрывающиеся элементы div с помощью CSS?

0

Я хочу создать элемент div размером 1000x600. Внутри я хочу создать несколько div размером 50x50. Я хочу сделать все нижнее левое нижнее левое выравнивание. Но они должны пересекаться, и все идут по этому углу друг на друга в большом div. Затем я хочу управлять позиционированием divs таким образом, чтобы они были независимы от других маленьких div, т.е. Все они могут перекрываться.

Когда я пытаюсь это сделать, divs просто складываются друг на друга. Если я использую абсолютную позицию, тогда divs будут относиться ко всей странице и появляться вне большого div, мне нужно это относительно большего div.

Кто-нибудь знает, как это сделать?

благодаря

omega 27 апр. 2014, в 06:04

Источник

2

Напоминаю, что какой-то код было бы приятно увидеть. (Кстати ... я не понял ни слова! :) Можете ли вы прояснить свои мысли?)
Roko C. Buljan 27 апр. 2014, в 03:35
1

Вы пытались дать большую position: relative div position: relative ? Это должно позволить вам использовать абсолютное позиционирование на меньших div.
grc 27 апр. 2014, в 03:39
0

Вы говорите, чтобы выровнять нижний левый и снова в верхний угол. Очень путаница, и из вашего последнего вопроса примените относительную позицию к большему div.
Bhojendra Rauniyar 27 апр. 2014, в 03:47

Показать ещё 1 комментарий

Теги:

jquery

html

css

2 ответа

Ещё вопросы

Напоминаю, что какой-то код было бы приятно увидеть. (Кстати ... я не понял ни слова! :) Можете ли вы прояснить свои мысли?)
Вы пытались дать большую position: relative div position: relative ? Это должно позволить вам использовать абсолютное позиционирование на меньших div.
Вы говорите, чтобы выровнять нижний левый и снова в верхний угол. Очень путаница, и из вашего последнего вопроса примените относительную позицию к большему div.

Vinita Rathore · Answer 1 · 2014-04-27T04-33-00.000Z

DEMO http://jsfiddle.net/LsL4p/

1.) Добавить "position: relative" в conatiner div

2.) Добавить "position: absolute, left: 0; bottom: 0" to small div.

.container{
        border:1px solid #333333;    
        position:relative;
        width:1000px;
        height:600px;
}
.small-div{
        border:1px solid red;   
        position:absolute;
        bottom:0;
        left:0;
        width:50px;
        height:50px;
}

James Duffy · Answer 2 · 2014-04-27T01-19-00.000Z

Трудно сказать, что вы просите без какого-либо образца кода или, по крайней мере, рисунка того, чего вы пытаетесь достичь. Но...

"Если я использую абсолютную позицию, тогда divs будут относиться ко всей странице и появляться вне большого div, мне нужно это относительно большего div",

Вы хотите установить position: relative в родительском контейнере (большой div). Тогда дочерние элементы с position: absolute будут располагаться относительно большого div.