2

我正在使用一个对我最近创建的几个网站进行品牌化，该图像对悬停做出反应并链接回我自己的网站。我正在使用 jQuery 附加功能动态插入标记和 CSS，该功能绝对将我的徽标定位在客户端站点的右下角，并且它在大多数情况下工作得很好。但是，我需要加强这种定位以适应两种不同的情况，我相当难过。

如果网站上的元素没有到达窗口的底部，我希望徽标位于右下角，这就是当前发生的情况。这很棒。

如果元素确实到达页面底部或更远，强制滚动条，我希望徽标位于最低到达 DIV 底部下方 40px 处，仍位于页面的右下角（几乎就像它是正常的文档流，而不是绝对定位）。这是我想不通的。

4

2 回答 2

1

解决这个问题的最简单方法是在你的 body 标签内创建一个相对定位的容器块。然后，您的徽标将相对于该容器而不是视口进行绝对定位。然后，您需要做一些工作，以确保当没有足够的内容将其推到页面底部时，它会显示在页面底部。

您想要做的大致类似于 CSS 粘性页脚： http ://ryanfait.com/resources/footer-stick-to-bottom-of-page/

于 2009-08-07T19:04:25.843 回答
0

您可以做的一件事是在没有滚动条的情况下使您的视口高度为 100%。当有滚动条时，高度会比视口长。

优点是您可以拥有一个容器 div，其中包含页面上的所有内容。给该 div 一个相对位置，并将您的徽标绝对定位在容器 div 中。

这是CSS代码：

html, body {

    height: 100%;

}

#container {

    position: relative;

    min-height: 100%;

    height: 100%;

    voice-family: "\"}\"";

    voice-family: inherit;

    height: auto;

}

html>body #container {

    height: auto;

}
于 2009-08-07T18:30:41.293 回答