How to make a div 100% wide minus a certain amount?

Question

So, I have a div that I want to be:

100% width (for viewing) - 150 pixels

How can I show this in CSS or Javascript?

Answer 1

The container of your div should be position:relative (or absolute ... but not the default), and the div style should be something like this:

 position:relative; width:auto; margin:0px 150px 0px 0px; 

Answer 2

You can use the jQuery $ (window) selector to get the width of the viewport and change the width of the required div

  var width = $(window).width(); $("div").css("width", width-150); 

Answer 3

You might want to find a CSS style.

 box-sizing: border-box; 

Usually 100% is calculated for the size of the internal surfaces, which is completely useless if there are any additions or borders in your box. When choosing a window size, it is designed so that the outer border is such. Incredibly useful for making a% size div with zero padding and border correctly.

Answer 4

That's all that has gathered ...

http://toomanyprojects.weare88.com/uploads/fixed-col-fluid-col/