Javascript 在浏览器窗口中创建动态灵活的分割标记

我的目标：我想创建一个HTML分区，它的样式是，比如说，从浏览器窗口的每一个边缘开始，都是35px。此外，我希望这个分割标记在它自身和浏览器边缘之间保持35px的空间，即使用户在浏览器中放大和缩小，并且浏览器被最大化，并且实际的监视器是全屏或宽屏幕显示

视觉效果：一种矩形形状，可随着浏览器尺寸的变化动态调整其尺寸，但始终在矩形边缘和浏览器窗口边缘之间保持固定空间

任何关于如何实现这一点的见解都将不胜感激。如果我找到了我想要的答案，我将分享一个JS-Bin示例

---

回答：

这可能不是最好的方法，但这是我脑海中浮现的第一件事

.flex {
    position: absolute;
    right: 35px;
    left: 35px;
}

---

这里的HTML和CSS似乎可以满足您的需求：-

---

尝试使用100%宽度的嵌套divs容器

<div class="container">
<div class="content">
 will have 35px
<div>
</div>

.container{
width: 100%;
padding: 35px;
}

.container .content{
width: 100%;
}

将有35px
.集装箱{
宽度：100%；
填充：35px；
}
.容器.内容{
宽度：100%；
}