Html 在调整页面大小时防止div移动

我对CSS很陌生，我正在尝试创建一个页面并运行它。我设法 在我调整页面大小之前，我一直认为这是一个不错的页面 浏览器窗口，然后一切开始移动。我不知道为什么 这正在发生

有人能给我一些建议吗。当我调整窗口大小时，我会 像“对象”一样，它们留在原来的位置，但窗口需要调整大小。对于 例如，如果我向上向左拖动窗口的下角，我会 希望看到右下角的内容，并通过滚动条显示 显示，但左上角的对象将保持在正确的位置 是的

我说得有道理吗

查看我的页面的工作状态：

然后尝试通过向左拖动正确的大小来调整浏览器窗口的大小。 查看标题中的内容，以及菜单栏。。它们向下跳，标题内容也向下跳，然后我使溢出：隐藏。。但据我所知，这一切都不是正确的方式

请在此处找到html和CSS：

我已经试过了，我试过设置最小宽度：820px；对于div头，包含div.的主文件。。但这并不能解决问题

---

感谢期待您的帮助。

1-删除正文中的空白

2-将所有html包装在包装器

。。。所有身体内容

3-定义包装的CSS：

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

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

---

我宁愿使用静态宽度，如果你想你的页面大小取决于屏幕大小，你可以看看

---

或者，您可以在标题、导航、内容等元素上设置最小宽度。

有两种类型的测量可用于指定宽度、高度、边距等：相对和固定

相对的 相对测量的一个例子是百分比，您已经使用了它。百分比与其所含元素相关。如果没有包含元素，则它们是相对于窗口的

<div style="width:100%"> 
<!-- This div will be the full width of the browser, whatever size it is -->
    <div style="width:300px">
    <!-- this div will be 300px, whatever size the browser is -->
        <p style="width:50%">
            This paragraph's width will be 50% of it's parent (150px).
        </p>
    </div>
</div>

另一个相对的度量是ems，它与字体大小有关

固定的 固定测量的一个例子是像素，但固定测量也可以是pt（点）、cm（厘米）等。固定（有时称为绝对）测量总是相同的大小。像素始终是像素，厘米始终是厘米

---

如果使用固定尺寸，浏览器尺寸不会影响布局。

首先，html中似乎有许多“错误”缺少结束标记，您可以尝试将

的内容以固定宽度包装

，感谢您的快速响应，，我试着这么做，似乎工作得很好，我已经更新了同一链接上的页面。试着将它进一步集中。非常感谢……还有很长的路要走：）。。但有趣的是，在编写html之前，您确实需要找到并使用所谓的“语言敏感编辑器”（language sensitive editor）。e、 “scite”就是这样一个编辑器，而且非常容易学习。即使如此，只要你怀疑语法错误，你也可以使用众多“Html验证程序”网站中的一个（要找到一个，只需在谷歌上搜索“Html验证”。）如果成功了，请勾选正确答案并投票选出有帮助的答案。：）是的，这就是我最后所做的，尽管所有答案都是有帮助的。所以这是唯一的方法？我的意思是，这很容易，还是有点像黑客？