Html 用Div元素定位问题并使其居中

所以我在我的网站上使用Dreamweaver，我有一个名为“Page”的div，最小宽度为1000px，在屏幕中央。目前，pagediv中的所有内容都集中在我的屏幕上，而在另一个屏幕上，它位于更左侧。如何使页面div中每个元素的left属性（或等效属性）将边视为页面div的边，而不是浏览器窗口的边

我的代码片段：#Title和#Home是page div中的菜单项

    body {
     background: url(../images/background-texture%20d.jpg);
 }

 #page {
    z-index: 1;
    width: 1000px;
    min-height: 1257px;
    margin-left: auto;
    margin-right: auto;
 }

  #title {
     z-index: 4;
     position: absolute;
     top:  -10px;
     left:  0px;
     margin: 0;
 }

 #Home {
     z-index: 4;
     position: absolute;
     top: 0px;
     left: 694px;
     width: 89px;
     height: 65px;
     margin: 0;
     background: url(../images/button%20texture%20b.jpg);
     border-style: solid;
     border-width: 1px;
     border-color: #7F7F7F;
     border-top: none;
     border-bottom: none;
     text-align: center;
 }

HTML代码

无标题文件

我想你忘记了菜单是如何制作的。为了向你们展示我为你们制作的菜单和居中的最佳实践

HTML：

<nav>
    <ul>
        <li><a href="">HOME</a></li>
        <li><a href="">GUIDES</a></li>
        <li><a href="">FORUM</a></li>
        <li><a href="">BLOG</a></li>
    </ul>
</nav>

所以真正发生的是，你有一个

和

ul

代表

无序列表

，通常用于制作菜单。

ul

有一些

列表项

，其中有一个锚定标签，以使链接工作。当您希望某个内容位于页面中心时，必须为该元素指定一个固定的。否则就不行了

这里真正的诀窍是

边距：0自动

其中

0

表示

高度

，

auto

表示

宽度

。

宽度

将自动计算，并以这种方式居中

我在你的代码中还注意到，你所有的div都有一个位置

absolute

，如果这是故意的并且确实需要的，那么看看它们在哪里解释了如何居中

absolute

定位

div

---

希望这对你有所帮助，你会找到一种方法来实现你心中的菜单。

我想你错过了如何制作菜单的想法。为了向你们展示我为你们制作的菜单和居中的最佳实践

HTML：

<nav>
    <ul>
        <li><a href="">HOME</a></li>
        <li><a href="">GUIDES</a></li>
        <li><a href="">FORUM</a></li>
        <li><a href="">BLOG</a></li>
    </ul>
</nav>

所以真正发生的是，你有一个

和

ul

代表

无序列表

，通常用于制作菜单。

ul

有一些

列表项

，其中有一个锚定标签，以使链接工作。当您希望某个内容位于页面中心时，必须为该元素指定一个固定的。否则就不行了

这里真正的诀窍是

边距：0自动

其中

0

表示

高度

，

auto

表示

宽度

。

宽度

将自动计算，并以这种方式居中

我在你的代码中还注意到，你所有的div都有一个位置

absolute

，如果这是故意的并且确实需要的，那么看看它们在哪里解释了如何居中

absolute

定位

div

---

希望这对你有所帮助，你会找到一种方法来实现你心中的菜单。

我想你错过了如何制作菜单的想法。为了向你们展示我为你们制作的菜单和居中的最佳实践

HTML：

<nav>
    <ul>
        <li><a href="">HOME</a></li>
        <li><a href="">GUIDES</a></li>
        <li><a href="">FORUM</a></li>
        <li><a href="">BLOG</a></li>
    </ul>
</nav>

所以真正发生的是，你有一个

和

ul

代表

无序列表

，通常用于制作菜单。

ul

有一些

列表项

，其中有一个锚定标签，以使链接工作。当您希望某个内容位于页面中心时，必须为该元素指定一个固定的。否则就不行了

这里真正的诀窍是

边距：0自动

其中

0

表示

高度

，

auto

表示

宽度

。

宽度

将自动计算，并以这种方式居中

我在你的代码中还注意到，你所有的div都有一个位置

absolute

，如果这是故意的并且确实需要的，那么看看它们在哪里解释了如何居中

absolute

定位

div

---

希望这对你有所帮助，你会找到一种方法来实现你心中的菜单。

我想你错过了如何制作菜单的想法。为了向你们展示我为你们制作的菜单和居中的最佳实践

HTML：

<nav>
    <ul>
        <li><a href="">HOME</a></li>
        <li><a href="">GUIDES</a></li>
        <li><a href="">FORUM</a></li>
        <li><a href="">BLOG</a></li>
    </ul>
</nav>

所以真正发生的是，你有一个

和

ul

代表

无序列表

，通常用于制作菜单。

ul

有一些

列表项

，其中有一个锚定标签，以使链接工作。当您希望某个内容位于页面中心时，必须为该元素指定一个固定的。否则就不行了

这里真正的诀窍是

边距：0自动

其中

0

表示

高度

，

auto

表示

宽度

。

宽度

将自动计算，并以这种方式居中

我在你的代码中还注意到，你所有的div都有一个位置

absolute

，如果这是故意的并且确实需要的，那么看看它们在哪里解释了如何居中

absolute

定位

div

---

希望这对您有所帮助，您将找到一种实现您的菜单的方法。

您能解释一下“但是在另一个屏幕上，它离左边更远。”此外，您还应该在CSS中加入HTML，这将非常有帮助。@leigero已经添加了HTML。在一个较小的屏幕上，元素更偏左，而不是像我所希望的那样居中。很难准确理解你想要实现什么，所以我不知道如何回答这个问题。你能解释一下“但是在另一个屏幕上，元素更偏左。”还有，你应该包括你的HTML，伴随着这个CSS，这将有很大帮助