Home/ Questions/Q 8099973
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-05T22:35:15+00:00

Is it possible to make a div 50px less than 100% in pure CSS?

  • 0

Is it possible to make a div 50px less than 100% in pure CSS? I want the <div> to be only 50px less than 100%. I don’t want any JavaScript.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Yes you can. Without using the IE’s expression(), you can do that in CSS3 by using calc().

    div {
    width: 100%;
    width: -webkit-calc(100% - 50px);
    width: -moz-calc(100% - 50px);
    width: calc(100% - 50px);
}

    Demo: http://jsfiddle.net/thirtydot/Nw3yd/66/

    This will make your life so much easier. It is currently supported in the 3 main browsers: Firefox, Google Chrome (WebKit), and IE9: http://caniuse.com/calc

    MDN: https://developer.mozilla.org/en/CSS/-moz-calc

    • 0