How to stretch the parent block with position: absolute;?

Hello! I had not a big problem, there is a parental block #header
#header {
 background: #5C73A5;
 width: 100%;
 position: relative;
 z-index: -1;
 top: 50px;
 padding: 25px 0px 50px 0px;
 overflow: hidden;
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
 -o-box-sizing: border-box;
}


It has 1 block .bx-align
.bx-align {
 width: 1024px;
 overflow: hidden;
 margin: 0 auto;
 display: block;
 position: relative;
 padding: 5px 0px 5px 0px;
}


And in .bx-align a nested block .czar_box
.czar_box {
 background: #fff;
 width: 340px;
 height: 340px;
 position: absolute;
 z-index: 1;

 /* Prefix properties */
 box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
 -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
 -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
 -ms-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
 -o-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
 border-radius: 100%;
 -webkit-border-radius: 100%;
 -moz-border-radius: 100%;
 -ms-border-radius: 100%;
 -o-border-radius: 100%;
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
 -o-box-sizing: border-box;
}


Here's a question: How do I make sure that the unit with the class .czar_box not hiding and block and indification #header stretched, if I increase the height of the block .czar_box. While position: absolute; must stay!
September 18th 19 at 23:44
1 answer
September 18th 19 at 23:46
Find another way to implement the plans. In this formulation, without js, which calculates and sets the height of the parent #header to change the height .czar_box all.
Can you tell me something? - Ayana.Kli commented on September 18th 19 at 23:49
: You wrote that You need, as you yourself understand, I said, as I understand it - do not work. I can't offer You the options as I don't know why You need to impose such restrictions that do not allow you to make plans. Put simply - I need to do something, I thought it was possible to do so, but since I thought will not work, how do I do what I need? That's what "I need" You not announced.. or Rather I failed to read the question. - dolly.Ha commented on September 18th 19 at 23:52
Ah, okay forget it. - Ayana.Kli commented on September 18th 19 at 23:55
Oh, that's all!) - rogelio.Weissnat24 commented on September 18th 19 at 23:58
: =) - Ayana.Kli commented on September 19th 19 at 00:01

Find more questions by tags HTMLCSS