Question

我似乎无法将我建立的网站建立在中心位置。

我把网站放在网上让你找到问题所在：

http://www.piccadilly.london/gourmetdinner-alpha.html和http://www.piccadilly.london/gourmet-alpha.css

下面是我的包装器css，如果这有用：

#wrapper {
    width: 1270px;
    background-color: #ffffff;
    margin: 0 auto;

}

等待任何答案来解决这个问题 - 提前感谢。

Answer 1

很多你的html元素都有

position: absolute;

这几乎不是一个好主意。

查看此答案以获取更多详细信息：center aligning a fixed position div

Answer 2

您需要使子元素相对于容器;将以下内容添加到您的包装器中。

position:relative;

Answer 3

设置position: relative暂时可以解决这个问题，但使用绝对定位并不是最好的方法。

我建议尝试使用Bootstrap（http://getbootstrap.com/）这样的东西来处理元素定位，它可以让你轻松地创建固定或响应式布局。

祝你好运！

Answer 4

Mikael，试试这个

我将解释这样做的基本结构。

<header>All your header content should come here</header>
<div id="wrapper">
Container part should come here
</div>
<footer>All your footer content should come here</footer>

你可以使用相同的包装器css（也用于页眉和页脚，位置固定），但记住在编写内部类css时，你应该使用poisition:relative, or float元素。绝对位置绝对不是很好。您将从W3schools

获得定位和浮动的想法

即使使用div包装也无法使我的网站居中

4 个答案: