The 100% value is 100% of the parent’s width or the view port. See the documentation.
More Related Contents:
- Canvas is stretched when using CSS but normal with “width” / “height” properties
- Does height and width not apply to span?
- Canvas is stretched when using CSS but normal with `width` & `height` attributes
- Select elements by attribute in CSS
- How to prevent long words from breaking my div?
- How can I center into a div?
- Canvas has white space at the bottom and scrolls too far
- How to make a floated div 100% height of its parent?
- Disable webkit’s spin buttons on input type=”number”?
- How do I force a DIV block to extend to the bottom of a page even if it has no content?
- CSS – Overflow: Scroll; – Always show vertical scroll bar?
- How to make fixed header table inside scrollable div?
- Is it valid to have paragraph elements inside of a heading tag in HTML5 (P inside H1)?
- Two divs, one fixed width, the other, the rest
- jQuery jump or scroll to certain position, div or target on the page from button onclick [duplicate]
- CSS: 100% width or height while keeping aspect ratio?
- blur of part of Background image with css
- Make outer div be automatically the same height as its floating content
- Remove “whitespace” between div element
- Make HTML5 video poster be same size as video itself
- How to align a div to the top of its parent but keeping its inline-block behaviour?
- How to get Floating DIVs inside fixed-width DIV to continue horizontally?
- CSS text ellipsis when using variable width divs
- resizes wrong; appears to have unremovable `min-width: min-content`
- Styling HTML and BODY selector to height: 100%; vs using 100vh
- Why box-sizing is not working with width/height attribute on canvas element?
- How do I make text bold in HTML?
- Center fixed div with dynamic width (CSS)
- Is it acceptable to use tables for forms? Or is it still more correct to use divs?
- Stacking DIVs on top of each other?