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

【问题标题】：Stoping items on webpage moving when resize the browser调整浏览器大小时停止网页上的项目移动
【发布时间】：2014-07-16 06:02:51
【问题描述】：

我试图弄清楚在调整浏览器大小时需要对圣杯布局的 css 执行什么操作以阻止项目移动。

这是我的 css 文件，我无法将其全部复制并粘贴到此框中，所以我使用 puush 上传了它

任何帮助都是非常需要和感激的。

【问题讨论】：

【解决方案1】：

尝试将布局样式的位置更改为绝对或固定或另一种是相对。示例：

.some_layout{
   position: absolute;
}

【讨论】：

【解决方案2】：

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

尝试为您的内容包装器设置 min-width 并将 overflow-x 设置为隐藏。例如：

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

希望有帮助

【讨论】：