css - 我怎样才能完全居中布局的 "feature"部分(请参阅链接)？

Question

我使用 DIV/CSS 创建了一个布局。我在下面附上了示例图像和链接，显示了我希望如何组织事物。在页眉中，有一个 Logo 和一个菜单，其宽度累计为 1000 像素。功能、内容和页 footer 分的宽度也应为 1000 像素。但是，所有部分的实际背景图像都是 100% 宽度并且水平重复。

下面是我想做的一个例子:

到目前为止，我实际放在一起的(在设计方面)可以在这里查看:http://ohachem.com/2/ .这就是我想要遵循的。 CSS 可以在这里查看:http://ohachem.com/2/style.css

实现此目标的最佳方法是什么？如您所见，“功能”部分中的文本没有完全居中对齐。我试过使用 clear:both、overflow:hidden 和其他几种方法，但都没有成功。

Answer 1

“特色”文本的“错位”是由 float Logo 引起的。因为 float 还没有被清除并延伸到标题之外，所以它导致文本在它周围流动。将 overflow: hidden 添加到您的 #header 元素将纠正它，但还有其他方法可以在不添加额外标记的情况下清除 float 。

或者，您可以让您的 Logo 与页眉高度相同。现在高度属性设置为相同的值，但 Logo 有一些额外的填充，这会导致溢出。