Question

在显示屏幕中，当您向下拖动滚动条时，您可以看到底部位置的文字，我已将 #text-box 的位置设置为绝对< / strong>这是显示指定顶部和左侧位置的位置所必需的。

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

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

谢谢！

Answer 1

更新

试试这个：

var t = $(window).height() - $("#text-box").outerHeight();
$("#text-box").css("top", t);

http://jsfiddle.net/e8UQn/3/

Answer 2

您需要相对于窗口底部放置#text-box：

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

小提琴：http://jsfiddle.net/e8UQn/2/

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

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

根据屏幕定位文本

2 个答案: