Skip to content Skip to sidebar Skip to footer

Html/css - Create Self Expanding Dynamic Div

I have sample div structure:
<divid="outer"><divclass="innerWrap"><!--row1--><divclass="inner"></div><divclass="inner"></div><divclass="inner"></div></div><divclass="innerWrap"><!--row2--><divclass="inner"></div><divclass="inner"></div></div></div>

CSS:

#outer {
    width: 600px
}
.innerWrap {
    width: 100%;
    display: table;
    table-layout: fixed
}
.inner {
    display: table-cell;
    height: 50px;
    border: 1px dashed #f0f
}

Post a Comment for "Html/css - Create Self Expanding Dynamic Div"