设置客户端宽度而不更改屏幕本身

Question

我有一个管理面板。侧面有一列。我想将客户端宽度更改为100％-480像素。 （边栏宽度）。这个决定有多愚蠢？ ;）我需要以自适应模式显示内容。

Answer 1

两个例子：

function changeSize(id, col) {
  var el = document.getElementById(id);
  if (el) {
    el.style.width = (document.body.clientWidth - col) + "px";
  }
}

changeSize("new", 480);

.page {
  width: 100%;
  background: #eee;
  padding: 0;
  margin: 0;
}

.panel {
  width: calc(100% - 480px);
  padding: 10px 0;
  background: #fff;
}

#new {
  padding: 10px 0;
  background: #fff;
}

<div class="page">
  <div class="panel">
    Panel 1
  </div>
  <br />
  <div id="new">
    Panel 2
  </div>
</div>