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;
}