0

好的，这是我正在开发的网站的链接。http://danberinger.com/preview.html

我目前在它自己的 div (#messagebox) 中有消息，在它自己的 div (#picture) 中有图片。这两个 div 都向左浮动。我将它们放在一个名为#intro_container 的容器div 中。我想将这个包含 div 居中，但我遇到了麻烦。我尝试将边距设置为 0 和自动，但这不起作用。这一定是我尝试使用的不同级别 div 数量的某种问题....

任何帮助将不胜感激！

4

3 回答 3

1

#intro_container在容器上设置宽度，否则margin: 0 auto;将不起作用。

于 2010-01-20T19:55:26.017 回答
0

要使 0 auto 起作用，您必须指定宽度。

您可以将所有内容放在容器 div 中，例如 width 900px margin 0 auto，或者您可以简单地将这些样式应用于介绍容器。

现在你的 css 正在将所有内容缩放到视口宽度，所以向左浮动将图片发送到 intro_container 的宽度，它没有定义宽度。

另请注意，您可以将您的 id 直接应用于图像！无需将其包装在 div 中。对元素进行语义样式化是一种很好的做法。

于 2010-01-20T20:00:35.490 回答
0

有时将这样的事情居中是件好事：

<html>
<head>
</head>
<body>
<div style="position:relative;width:400px;height:400px;background-color:green">

  <div style="position:absolute;margin-left:50%; left: -100px; width:200px;height:200px; background-color:red">
here attribute 'left' is half of this container width
  </div>
</div>
</body>
</html>

一直在工作

于 2010-01-20T20:03:01.423 回答