Всем привет! у меня возникла не большая проблема, есть родительский блок #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;
}
В нем заложен 1 блок .bx-align
.bx-align {
width: 1024px;
overflow: hidden;
margin: 0 auto;
display: block;
position: relative;
padding: 5px 0px 5px 0px;
}
А уже в .bx-align вложен блок, .czar_box
.czar_box {
background: #fff;
width: 340px;
height: 340px;
position: absolute;
z-index: 1;
/* Прификсы свойств */
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;
}
Вот вопрос: Как мне сделать так что бы блок с классом .czar_box не прятался, а блок и индификатором #header растягивался, если я буду увеличивать высоту у блока .czar_box. При этом position: absolute; должно остаться!