English 中文(简体)
根据屏幕定位案文
原标题:Positioning text according to the screen

请登录。 http://jsfiddle.net/e8UQn/

在显示屏上,当你rag倒滚动时,你可以看到案文的底部,我先把#text- Box > 。

我所需要的是,浏览器缩小了,后述图像是完美的,但text需要修改其立场,以便不要显示滚动条。

不应改变顶层和左上层财产,因为这些价值是我必要的网络应用中动态产生的。 能否根据屏幕大小动态改变数值?

感谢!

问题回答

页: 1 相对于窗口的底层:

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

Fiddle:

如果您不具备改变这一产出的能力,则超出<代码>,<>top。 价值:

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




相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

image changed but appears the same in browser

I m writing a php script to crop an image. The script overwrites the old image with the new one, but when I reload the page (which is supposed to pickup the new image) I still see the old one. ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

Separator line in ASP.NET

I d like to add a simple separator line in an aspx web form. Does anyone know how? It sounds easy enough, but still I can t manage to find how to do it.. 10x!