You have height set to 100% but 100% of what? It’s always the parent of that element so what is the parent’s height set to? If it’s not set to anything then the browser has nothing to reference.
More Related Contents:
- Padding for Inline Elements
- Center content in responsive bootstrap navbar
- What is the difference between auto-fill and auto-fit?
- Create leading dots in CSS
- CSS3 animation not working in safari
- Should I use single or double colon notation for pseudo-elements?
- How to make Internet Explorer 8 to support nth child() CSS element?
- Passing parameters to css animation
- @Media min-width & max-width
- What do these double-dash-prefixed CSS properties do? [duplicate]
- Why specify @charset “UTF-8”; in your CSS file?
- Bootstrap Element 100% Width
- Why doesn’t [CSS feature] work in [browser] but works in others?
- CSS selector to get deepest element of specific class in the HTML tree
- Force Non-Monospace Font into Fixed Width Using CSS
- Tools to make CSS sprites? [closed]
- How to write a caption under an image?
- CSS Sticky Footers with Unknown Height
- What does font-size really correspond to?
- Using calc() with tables
- How to style default confirm box with only css?
- CSS combinator precedence?
- How to control number of items per row using media queries in Flexbox?
- Combining border-top,border-right,border-left,border-bottom in CSS
- How to get a react component’s size (height/width) before render?
- How to horizontally center a floating element of a variable width?
- webkit transform blocking link
- How can I force this CSS grid to wrap to a new line without specifying minmax sizes?
- Centering the navbar content in Bootstrap 4 (alpha 5)
- Background image not displaying in chrome browser