Div宽度100%减去固定的像素数量

在这个问题中，您希望了解如何将一个 DIV 的宽度设置为 100% 减去一个固定的像素数量。以下是一个简单的方法，使用 CSS 来实现这个效果：

1. 首先，在 HTML 文件中创建一个 DIV，并为其分配一个类名，例如 "my-div"：

<div class="my-div">
  <!-- 在这里添加您的内容 -->
</div>

1. 接下来，在 CSS 文件中，使用 calc() 函数来计算宽度值。假设您希望将宽度设置为 100% 减去 200 像素，可以这样编写 CSS 代码：

.my-div {
  width: calc(100% - 200px);
}

这样，您的 DIV 宽度将被设置为 100% 减去 200 像素的值。请注意，calc() 函数可以用于计算各种长度单位，例如像素、百分比、em 等。

如果您需要在 JavaScript 中动态更改宽度，可以使用以下代码：

const myDiv = document.querySelector('.my-div');
const width = window.innerWidth - 200;
myDiv.style.width = `${width}px`;

这将获取窗口宽度，并从中减去 200 像素，然后将结果设置为 DIV 的宽度。