html - 调整页面大小时防止div移动

Question

我是 CSS 的新手，我正在尝试启动并运行一个页面。我管理 成功地制作出我认为不错的页面，直到我调整了 浏览器窗口然后一切都开始移动。我不知道为什么 这正在发生!!

有人可以给我一些建议吗？当我调整窗口大小时，我会 像“对象”一样留在原处，但窗口要调整大小。为了 例如，如果我将窗口的底 Angular 向上和向左拖动，我会 希望看到右下角的内容消失并滚动条到 出现但左上角的对象会准确地停留在原处 他们是。

我说的有道理吗？

看看我的页面的工作情况:http://aimmds1.estheticdentalcare.co.in/

然后尝试通过向左拖动合适的大小来调整浏览器窗口的大小。 看看标题中的内容，还有菜单栏..他们跳下来，标题内容也跳下来然后我溢出:隐藏; .. 但据我所知，这一切都不是正确的方法。

请在此处找到 html 和 CSS:http://jsfiddle.net/swati/hCDas/

我已经试过了 prevent div moving on window resize ，我尝试设置最小宽度:820px；对于 div header ，主要包含 div.. 但这并没有解决它。

感谢期待您的帮助。

Answer 1

1 - 从 BODY CSS 中删除边距。

2 - 将所有 html 包装在包装器中 <div id="wrapper"> ... all your body content </div>

3 - 为包装器定义 CSS:

这会将所有内容放在一起，以页面为中心。

#wrapper {
    margin-left:auto;
    margin-right:auto;
    width:960px;
}