css - 将表格转换为 CSS 图层

Question

我不太擅长 CSS、HTML 和标记，但在阅读了很多很多 CSS 文章之后，我就是不知道如何将 div 元素放在正确的位置。

• 表中的当前站点:http://daweb.nl/
• 当前在 div 中的尝试:http://daweb.nl/daweb/

我希望在正确的位置有正确的菜单和内容。如果您对我的 HTML 和 CSS 的当前状态有一般性的意见，请随意。我经常使用 CSS、HTML，但从未使用 div 元素从头开始构建网站。

Answer 1

http://jsfiddle.net/qJBpk/10/

查看预览here .

这是一个基本设置，您有一个包装器 div，其中包含您的所有结构:一个标题、三列和一个页脚。

Wrapper div 的 margin 设置为 auto，这将允许它(及其所有内容)在浏览器窗口中水平居中放置。

这三列的 float 属性设置为左侧，因此每一列都紧挨着另一列放置。

页脚有一个 clear 属性设置为 both，这将允许它放置在最高的 float 列之后，以避免布局崩溃。

div 元素是 block 级元素。这意味着，除其他事项外，它们占据了所有可用的宽度空间，因此无需为 #header 和 #footer div 设置宽度。

编辑

为避免跨浏览器不兼容和问题，最好重置 CSS(一组 CSS 规则，使所有元素在所有浏览器中尽可能显示相同)，如 YUI .将它放在任何其他 CSS 代码之前。