Как сделать резиновый и привялать к нему еще один?

Question

[Coder321]

У меня есть два div.

<div>First</div>
<div>Second</div>

Первый мне нужно сделать абсолютно резиновым, а если быть точнее, он должен принимать форму любого елемента который вставят внутырь. Второй же, должен привязываться своим центром к центру левого или правого бока первого div. Как сделать?

Answer 1

[denis_lunochkin]

Ты хочешь сделать первый блок резиновый относительно чего? Размера экрана? Если так, то просто напиши width: 100%; Див и так будет принимать высоту дочернего блока, но для надежности может добавить overflow: hidden;

Comments

[Coder321]

в верстке я не силен, если в первый блок вставить блок размером 100px*100px то и он сам должен стать такого же размера

Answer 2

[indigo_style]

в верстке я не силен, если в первый блок вставить блок размером 100px*100px то и он сам должен стать такого же размера

Типо так
как у вас на картинике то первый не принимает размер второго

Comments

[Coder321]

Практически. Но родительский див должен принимать лишь размеры, в вашем примере, если забрать float: left; то родительский розширяется, а такого не должно быть Он долен быть лишь оберткой

[Coder321]

Плюс второй должен примыкать центром своей стороны к центру правой или левой стороны первого

[indigo_style]

Coder321: Ну тогда родительскому абсолютное позиционирование, а с дочерним что то я плохо понял вашу суть центром своей стороны к центру правой или левой стороны первого, получается что дочерний по вашим словам должен на 50% выходить за пределы родителя?

[indigo_style]

Coder321: если он принимать такие же размеры как и дочерний то он будет такого же размера, как он будет примыкать?

[Coder321]

indigo_style: вы не поняли суть, второй див отдельный от первого, они должны быть рядом

[Coder321]

indigo_style: Добавил картинку к вопросу

[indigo_style]

Coder321: второй див должен лежать внутри первого или как показана у вас в вопросе?

[Coder321]

indigo_style: второй как на картинке, а первый принимать в себя любой элемент и повторять его форму

[indigo_style]

Coder321: изменил в примере

Answer 3

[Ankhena]

https://jsfiddle.net/xgq3Lcch/