无论屏幕分辨率如何，如何修复CSS中的框位置？

发布于 2024-11-16 16:46:57 字数 614 浏览 10 评论 0原文

对于我放置的标题：我在正文中给出的脚本是：

<input name="search" type="text" onKeyUp="getScriptPage('box','text_content')" id="text_content" AUTOCOMPLETE="off" size="40">

在 css 中，我给出的 id 脚本是：

#box
{
  width : 270px;
  height : auto;
  overflow : auto ;
  border : 1px solid #C5C5C5;
  background : #F8F8F8;
  position : absolute;
  left : 460px;
  top : 286px;
  border-top : none;
  text-align : left;
  display : none;
}

问题是当我将屏幕分辨率从 1366x768 更改为任何更高时...框位置已更改...我只是想要无论屏幕分辨率如何固定框位置

原文

For the header i put: <link href="styles.css" rel="stylesheet" type="text/css"></link>
the script I've given in the body is:

<input name="search" type="text" onKeyUp="getScriptPage('box','text_content')" id="text_content" AUTOCOMPLETE="off" size="40">

in css the I've given id script is:

#box
{
  width : 270px;
  height : auto;
  overflow : auto ;
  border : 1px solid #C5C5C5;
  background : #F8F8F8;
  position : absolute;
  left : 460px;
  top : 286px;
  border-top : none;
  text-align : left;
  display : none;
}

the problem is when I change the screen resolution from 1366x768 to any higher ...the box placement is changed ... I just want to fix the box position irrespective to screen resolution

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

[旋木] 2024-11-23 16:46:57

也许您应该使用 position:fixed 而不是 position:absolute？

http://davidwalsh.name/css-fixed-position

回复收藏 0 原文

假扮的天使 2024-11-23 16:46:57

我建议使用百分比而不是像素值：

#box
{
  width : 270px;
  height : auto;
  overflow : auto ;
  border : 1px solid #C5C5C5;
  background : #F8F8F8;
  position : absolute;
  left : 33%;
  top : 33%;
  border-top : none;
  text-align : left;
  display : none;
}

这里的百分比只是示例 - 您需要通过摆弄百分比值来确定相对于所需布局的放置位置。以下是使用百分比值定位的框的示例： http://jsfiddle.net/RjgHy/

I'd recommend using percentages instead of pixel values then:

#box
{
  width : 270px;
  height : auto;
  overflow : auto ;
  border : 1px solid #C5C5C5;
  background : #F8F8F8;
  position : absolute;
  left : 33%;
  top : 33%;
  border-top : none;
  text-align : left;
  display : none;
}

The percentages here are just examples - you'd need to determine where to put it relative to your desired layout by fiddling with the percentage values. Here's an example of a box positioned with percentage values: http://jsfiddle.net/RjgHy/

回复收藏 0 原文

~没有更多了~