Абсолютный блок растягивает родителя

[npofopr]

Привет.

 

Есть вот такой пример http://jsfiddle.net/npofopr/wSTJ3/

 

Можно ли как то сделать, чтобы при клике Добавить, блок с появляющейся формой не был "поверх" всего остального, а растягивал своего родителя, т.е. был обычным внутренним содержимым, а не выглядел отдельным элементом.

 

По примеру более понятно должно быть, что не получается. Не то чтобы не получается, а пока вообще не знаю как быть.

[swandev]

только с помощью js наверное

http://jsbin.com/zemopano/3/edit

 

А почему он должен быть абсолютный?

Edited April 29, 2014 by ALEEX SWN

[npofopr]

только с помощью js наверное

http://jsbin.com/zemopano/3/edit

 

А почему он должен быть абсолютный?

Чтобы он был поверх основного контента, т.е. поверх кнопки Добавить. И даже если после кнопки Добавить будет текст, то тоже поверх, т.е. Форма должна вылазить на весь ширина, высота, своего родителя, ну а если ей не хватает места, то растягивать его.

Кроме как абсолюта я не могу ничего придумать.

[Sensei]

Так? http://jsfiddle.net/wSTJ3/1/

[Switch74]

Уточняю, что-то вроде этого нужно

[npofopr]

Уточняю, что-то вроде этого нужно

Хм. А вот так как раз подойдет. Слой с кнопкой скрывать, а слой с формой показывать.

Что то совсем о таком не подумал. 

Так? http://jsfiddle.net/wSTJ3/1/

Тоже вроде походит. Я так понимаю вся фишка в

.content:after {    content: "";    display: block;    clear: both;}

вроде пробовал также делать, но видимо как то нет так.

[Switch74]

нет-нет, там вся фишка в

.content-inner {

    float: left;

}