我经常访问一个名为GOOD的网站,特别喜欢其中一种美学风格;导航栏如何将其颜色延伸到网站的背景上。如果您访问该网站,您就会明白我的意思。
在CSS中,我应该如何以最简单的方式复制它?我已经尝试了各种z-index/margins/float等方法,但仍无法实现。
在CSS中,我应该如何以最简单的方式复制它?我已经尝试了各种z-index/margins/float等方法,但仍无法实现。
只需在后面放置一个带有菜单的 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>
那应该可以工作!
希望这有所帮助。
这一切都与绝对定位有关。包含所有链接的导航容器被赋予了这个CSS属性,使其从页面的正常流程中移除。它具有top: 165px来设置其位置。每个链接都被赋予了display: block属性,这意味着它们将填充其父元素,而在这种情况下,父元素的宽度为100%。然后在100%宽度的链接内使用span标签来设置文本所在的位置。