集中在一个容器内的多浮动div

好的，这里是我正在工作的网站的链接。 http://danberinger.com/preview.html 集中在一个容器内的多浮动div

我目前在它自己的div（#messagebox）和它自己的div（#picture）中有图片。这两个div都浮在左边。我把它们放在一个称为#intro_container的容器div里面。我想以此为中心包含div，但遇到问题。我试图将边距设置为0和自动，但没有奏效。这一定是我尝试使用的不同级别的div的数量的某种问题....

任何帮助将不胜感激！

来源

2010-01-20 Dan

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

来源

2010-01-20 19:55:26

啊我认为可能是问题....所以我必须计算的宽度至少其中2 div的宽度，然后我应该可以设置边距：0 auto;？ – Dan 2010-01-20 19:59:36

是的，如果它小于两个div的宽度，那么浮动的div就会堆叠在彼此之上。如果它更大，它会显得偏离中心。一定要考虑任何边距或填充，因为这会增加宽度。 – 2010-01-22 17:51:34

对于0自动工作，您必须指定一个宽度。

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

现在你的CSS缩放一切到视口宽度，所以左边的float将图片发送到intro_container的宽度，它没有定义的宽度。

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

来源

2010-01-20 20:00:35 DeaconDesperado

有时这是很好的中心这样的事情：

<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-20 20:03:01 dfens

集中在一个容器内的多浮动div

回答

相关问题