CSS - 风格类似于GOOD?

时间:2011-08-10 00:12:41

标签: css layout background z-index

我经常访问一个名为GOOD的网站,我特别喜欢一种审美风格;导航栏如何在网站的背景中扩展其颜色。如果您访问该网站,您会明白我的意思。

在CSS中,我怎样才能以最简单的方式复制它?我用z-index / margins / float尝试了各种各样的东西,它根本就没有发生。

2 个答案:

答案 0 :(得分:0)

只需将一个div(position'd absolute)放在后面,其中包含菜单,然后放入另一个div,其中包含实际内容。

小例子:

<html>
<body>
<div style="position: absolute; top:200px; left:0px; width:100%">The menu here, at A 100% width</div>
<div style="position: absolute; top:0px; left: 0px;">The content here.</div>
</body>
</html>

这应该有用!

希望有所帮助。

答案 1 :(得分:0)

关于这个位置:绝对的。保存所有这些链接的导航容器被赋予此CSS属性,该属性将其从页面的正常流中移除。它有顶部:165px来设置它所在的位置。每个链接都给出display:block属性,这意味着它们将填充其父级,在这种情况下,它是100%的宽度。然后在100%宽度链接内使用span标记来设置文本所在的位置。