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

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

http://puu.sh/aduy9/63014e4039.css

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

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

【问题讨论】:

  • 如果你能制作一个jsfiddler给我们查看会容易得多。单独的 CSS 对我们没有多大作用。

标签: html css browser resize window


【解决方案1】:

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

.some_layout{
   position: absolute;
}

【讨论】:

    【解决方案2】:

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

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

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

    希望有帮助

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-12-15
      • 1970-01-01
      • 2017-09-04
      • 1970-01-01
      • 1970-01-01
      • 2015-11-08
      相关资源
      最近更新 更多