Question

现在我使用以下代码将导航窗格放在我网站的底部，但它在页面顶部显示一行：

- CSS（内部） -

<head>
  <style>
    body.main
     {
       background: url('images/bindingdark_small.png') repeat-x bottom left;
     }
  </style>
</head>


<body class="main">
</body>

Answer 1

我认为有两件事情可能会发生：

就像Paul Roub在评论中所说，如果你的身体是空的，那么你的行是你的形象重复的结果。
也许您需要添加一些填充顶部以增加背景的高度。添加一些填充并测试它是否会产生您期望的结果。

我希望这会有所帮助。

Answer 2

它显示在页面顶部的原因是因为您的网页实际上是空的。检查body元素的高度值。它的height: 0px;。

填写页面上的内容，或向身体添加静态值，例如：

body {
    height: 1000px
}

不确定您是否愿意使用此解决方案。但我有一个更好的主意。例如，在footer中添加body标记，并声明以下值：

footer {
    width:100%;
    height:40px;
    position:absolute;
    bottom:0px;
    background: url('images/bindingdark_small.png') repeat-x bottom left;
}

无论您的内容和正文height如何，它都会贴在页面底部。希望它有所帮助。

如何在我的网站上将背景repeat-x作为底部标题？

2 个答案: