Question

所以我有一个我想要的div：

100％宽度（视口） - 150px

如何在CSS或Javascript中显示此内容？

Answer 1

div的容器必须是position:relative（或绝对值...但不是默认值），div样式必须是这样的：

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

Answer 2

您可以使用jQuery $（window）选择器来获取视口宽度并更改所需div的宽度

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

Answer 3

您可能想要查找CSS样式

box-sizing: border-box;

通常情况下，100％是根据内部的大小计算出来的，如果你的盒子包含任何类型的填充或边框，这完全没用。使用框大小调整时，边界外部的计算结果为该大小。非常有用的是制作具有非零填充和边框排列的％大小的div。

Answer 4

Heres一切都放在一起......