100% width minus margin and padding [duplicate]

by

You can use calc, modern browsers support it and IE9+ as well.

div {
  margin: 10px;
  width: calc(100% - 20px);
  height: 10px;
  background: teal;
}
<div></div>

Browser support

More Related Contents:

  1. div 100% width with other div fixed
  2. How to design an HTML/CSS signature that will work in Outlook 2016? [duplicate]
  3. How to align 3 divs (left/center/right) inside another div?
  4. CSS: Width in percentage and Borders
  5. Can ordered list produce result that looks like 1.1, 1.2, 1.3 (instead of just 1, 2, 3, …) with css?
  6. Does opacity:0 have exactly the same effect as visibility:hidden
  7. :after and :before CSS pseudo elements hack for Internet Explorer 7
  8. CSS image resize issue
  9. Is it possible to style a mouseover on an image map using CSS?
  10. Floating an image to the bottom right with text wrapping around
  11. HTML: Changing colors of specific words in a string of text
  12. HTML + CSS: Ordered List without the Period?
  13. How to change content on hover
  14. How can I style a file input field in Firefox?
  15. How can I center a div within another div? [duplicate]
  16. Flexbox resize and scrollable overflow [duplicate]
  17. How do I make Firefox auto-refresh on file change?
  18. Second line in li starts under the bullet after CSS-reset
  19. Can I override inline !important?
  20. How position absolute and fixed block elements get their dimension?
  21. Ring-shaped process spinner with fading gradient effect around the ring
  22. Why is there a default margin on the element? [closed]
  23. set css border to end in a 90 instead of a 45 degree angle
  24. text-decoration not working for visited state link
  25. Setting max-height for table cell contents
  26. click link below a higher z-index div [duplicate]
  27. Pseudo element not full container width when border used
  28. Setting the image `width: 0` hides it, while `width: 0%` makes it occupy the space, too
  29. How to play CSS3 transitions in a loop?
  30. HTML canvas with scrollbar

Leave a Comment