html - 最大化页面时我页面上的布局发生变化,这是如何停止的?

标签 html css layout

我希望我的所有信息都在中心,您可以在下面的链接中看到:

http://jsfiddle.net/EdHEu/

看起来不错,但是当我拉伸(stretch)/最大化浏览器页面时,布局发生变化,文本向右移动,然后框移动。

这是如何停止的?

谢谢!

詹姆斯

最佳答案

注意:您的链接无效。

如果你的设置是这样的:

<body>
  <div id="main">
    <div id="content">
      <!--Content-->
    </div>
    <div id="sidebar">
      <!--Sidebar-->
    </div>
  </div>
</body>

要使内容居中(为页面提供固定宽度),您需要使用此 CSS:

#main {
  width:960px /* Give it a width */
  margin: 0 auto; /* It will Center the #main */
}

这样,你就可以给页面一个固定的宽度,让布局固定。

关于html - 最大化页面时我页面上的布局发生变化,这是如何停止的?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7757862/

相关文章:

html - 图像在幻灯片上旋转

javascript - 如何重构 2 个相同的函数?

php - 上传区域设置为 "overflow:hidden",如何上传所有图片?

java - 一项 Activity 中的三个旋转器

android - 顶部 LinearLayout 在底部 LinearLayout 之前占用最大空间

javascript - 如何使用 JS/jQuery 将输入字段相互求和

php - 使用 jquery ajax 通过 GET 更新动态创建的图像

javascript - 使建议框延迟,以匹配搜索过渡的时间

css - 如何在 View 中设置 Bootstrap 进度条的动画?

javascript - 我如何修改此模板以添加可滚动到下一部分的按钮?