Javascript 在JS中，动态设置标题的宽度

在JS中，我希望动态地将标题的宽度设置为一定数量的像素，特别是在加载文档和调整窗口大小时，我希望标题的宽度大于窗口的宽度

HTML:

不需要javascript

这里有一个非常简单的方法来渲染元素的自然块流之外的元素，实现我理解您要寻找的。用衬垫向外推，用负边距向后拉。同级元素通常符合流

.structure{
  width:100%;
  overflow:hidden;
}

header {
  margin-left:-999em;
  padding-left:999em;
  margin-right:-999em;
  padding-right:999em;
  background-color:pukegreen;
}

*请注意，某些结构元素将需要隐藏溢出

---

这里有一个

如果你坚持使用JavaScript，你可以用jQuery做类似的事情

$("header").width($(window).width()+500)

我添加了一个显示原始css的示例，这个JavaScript和一个css示例。这两个示例都使宽度500px大于窗口的宽度

CSS版本使用它将500px扩展到100%以上

width: calc(100% + 500px);

我之所以选择500px，是因为你说“将标题的宽度设置为一定数量的像素”。如果你刚才说了，那么我会建议使用像

width:500px如果你省略了第一部分，我会建议像
width:150%
在您的示例HTMLC中没有
标题
，您能进一步解释吗？页眉的宽度到底应该是多少？为什么不在CSS中这样做：
页眉{width:150%；}
？我不知道为什么您希望页眉比页面宽，而只是在CSS中将其设置为更宽：
$("header").width($(window).width()+500)

width: calc(100% + 500px);