javascript - 根据屏幕定位文本

Question

请查看 http://jsfiddle.net/e8UQn/

在显示画面中，向下拖动滚动条可以看到最下方的文字，我把#text-box的位置设置为absolute，这是在指定的顶部和左侧位置显示位置所必需的。

我需要的是当浏览器缩小时，后伸图像看起来很完美，但是文本需要修改它的位置，这样滚动条就不会显示了。

top 和 left 属性不应有任何变化，因为这些值是从我的 Web 应用程序动态派生的，这是必要的。是否有可能根据屏幕尺寸动态更改值？

谢谢!

Answer 1

您需要相对于窗口底部定位#text-box:

#text-box {
    position: absolute;
    display: inline-block;
    zoom: 1;
    bottom: 20px; /* This value here */
    left: 51px;
    padding-top: 10px;
    padding-left: 20px;
}

fiddle :http://jsfiddle.net/e8UQn/2/

如果您无法更改该输出，请覆盖 top 值:

#text-box {
    top: 'auto';
    bottom: 20px;
}