Html 调整浏览器大小时停止移动网页上的项目

Html 调整浏览器大小时停止移动网页上的项目,html,css,browser,resize,window,Html,Css,Browser,Resize,Window,我正在试图弄清楚当浏览器重新调整大小时,需要对圣杯布局的css做什么才能阻止项目移动 这是我的css文件,我不能把它全部复制粘贴到这个框中,所以我用puush上传了它 非常需要并感谢任何帮助。尝试将布局样式的位置更改为绝对或固定,或者另一个是相对的。 例如: 如果我猜对了,您所说的是当您调整浏览器的大小时,元素会四处移动,从而导致页面的宽度变化 尝试设置内容包装的最小宽度,并将overflow-x设置为hidden。 例如: div#content { min-width: 800px;

我正在试图弄清楚当浏览器重新调整大小时,需要对圣杯布局的css做什么才能阻止项目移动

这是我的css文件,我不能把它全部复制粘贴到这个框中,所以我用puush上传了它


非常需要并感谢任何帮助。

尝试将布局样式的位置更改为绝对或固定,或者另一个是相对的。 例如:


如果我猜对了,您所说的是当您调整浏览器的大小时,元素会四处移动,从而导致页面的宽度变化

尝试设置内容包装的最小宽度,并将overflow-x设置为hidden。 例如:

div#content {
  min-width: 800px;
  overflow-x: hidden;
}

希望这有助于

如果您可以制作一个jsfiddler供我们查看,这将更加容易。CSS本身对我们没有多大帮助。
div#content {
  min-width: 800px;
  overflow-x: hidden;
}