使用固定div'开发HTML网站；屏幕两侧的剪辑是什么

您好，我正在尝试使用以下布局开发网站：

我的主要目标是使这个网站不可滚动，并根据屏幕大小调整div的大小，所以如果我在pc上全屏运行，在电视上全屏运行，我不希望它不成比例

我不知道如何让这些div的剪辑到底部/顶部/侧面，但对于每个屏幕大小，这个div的大小仍然是相同的

---

这4个分区的侧面和底部/顶部应该有宽度和高度的百分比，但中间的分区应该有800x600px的宽度/高度。

您可以使用

位置：绝对值
或
位置：固定值
在屏幕侧面剪裁这些分区，并只需给它们宽度/高度的百分比即可

.left {
  position: absolute;
  top: 10%;
  left: 0;
  width: 20%;
  height: 80%;
}

.right {
  position: absolute;
  top: 10%;
  right: 0;
  width: 20%;
  height: 80%;
}

.top {
  position: absolute;
  top: 0;
  left: 33%;
  width: 33%;
  height: 10%;
}

.bottom {
  position: absolute;
  bottom: 0;
  left: 24%;
  width: 50%;
  height: 20%;
}

.center {
  position: absolute;
  width: 800px;
  height: 600px;
  margin-top: -300px;
  mergin-left: -400px
}

注意：我只是对所用百分比的值进行了估计，但对于中间的div，其顶部和左侧边距应分别为其高度和宽度值的一半的负数。
我不太理解您的问题（如果我太笨，请原谅）。为什么不简单地将边框元素的大小属性设置为百分比（高度：80%），将居中div的大小设置为（宽度：800px；高度：600px；）。如果您希望始终保持相同的间距左div中心div（和其他间距），则以下选项应起作用：左：0；宽度：自动；左边距：40px；/*或者你想要什么不，你不是笨蛋。我的英语太差了，所以我不能表达自己。我试着这么做，但我不知道如何在上/下/左/右上裁剪那些div。在你做决定时一定要小心。对于大多数站点，不建议使用+全高清分辨率的布局。读者希望大部分内容放在屏幕中央，而不是放得到处都是。谢谢阿内尔，就这样。我现在有一些事情要开始+1@user2813059当然，没问题：）虽然这个中间的div不在屏幕的中央，但我会设法弄清楚的。：）@用户2813059是的。我只是假设它在中心。但你可以找到答案。祝你好运：）