如何使div 100％寬度減去一定數量？

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一切都放在一起......