Pro HTML5 and CSS3 Design Patterns

CHAPTER 5 ■ BOX MODELS EXTENTS

Height

CSS

*.replaced-inline-shrinkwrapped { height:auto; }

*.replaced-inline-sized { height:65px; }

*.replaced-inline-stretched { height:100%; }

*.block-shrinkwrapped { height:auto; }

*.block-sized { height:65px; }

*.block-stretched { height:100%; }

*.table-shrinkwrapped { height:auto; }

*.table-sized { height:65px; }

*.table-stretched { height:100%; }

*.float-shrinkwrapped { height:auto; float:left; }

*.float-sized { height:65px; float:left; }

*.float-stretched { height:100%; float:left; }

*.absolute-shrinkwrapped { height:auto; top:0; bottom:auto; position:absolute; }

*.absolute-sized { height:65px; top:0; bottom:auto; position:absolute; }

*.absolute-stretched { height:auto; top:0; bottom:0; position:absolute; }