Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/408.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 如何使div 100%宽度减去一定量?_Php_Javascript_Html_Css_Web - Fatal编程技术网

Php 如何使div 100%宽度减去一定量?

Php 如何使div 100%宽度减去一定量?,php,javascript,html,css,web,Php,Javascript,Html,Css,Web,所以我有一个我想成为的部门: 100%宽度(视口)-150像素 我将如何在CSS或Javascript中显示这一点 您可以使用jQuery$(窗口)选择器获取视口宽度并更改所需div的宽度 var width = $(window).width(); $("div").css("width", width-150); div的容器必须是位置:相对(或绝对…但不是默认值),并且div样式必须如下所示: position:relative; width:auto; margin:0px 1

所以我有一个我想成为的部门:

100%宽度(视口)-150像素

我将如何在CSS或Javascript中显示这一点

您可以使用jQuery$(窗口)选择器获取视口宽度并更改所需div的宽度

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

div的容器必须是
位置:相对
(或绝对…但不是默认值),并且div样式必须如下所示:

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

您可能需要查找CSS样式

box-sizing: border-box;

通常,100%是根据内部尺寸计算的,如果你的盒子里有任何填充物或边框,这是完全没有用的。在调整长方体大小时,将计算边框外侧的大小。使用非零填充和边框对齐制作%大小的div非常有用。

这里是所有内容的集合


这是CSS完全遗留下来的一件事,在我看来,这是一件非常糟糕的事情。Mozilla浏览器有一个
eval()
操作符(找不到文档),可以满足您的需要,尽管我不确定它是否有百分比,因为这些百分比是在呈现页面时计算出来的。您知道有什么解决方法吗?我实际做的是
position:relative;宽度:自动;左边距:150px(给或取几个像素);但你让我走上了正确的轨道
:D