Question

您在另一个div中嵌入的div上指定了固定位置。但我无法在显示尺寸上获得响应。我希望#fixed div保持固定在我页面的右侧，并在显示尺寸上保持相同的位置。

html form

<div id="main">
<div id="fixed"></div>
</div>

 css
 #main {
      position:relative;
      margin: 0 auto; 
      }

#fixed {
       position:fixed;
       left: 80%;
       top: 40%; 
   }

Answer 1

如果您明确地将百分比宽度设置为外部div，＃main，则应该全部设置。

#main { width: 100%; position: relative; margin: 0 auto; }

Answer 2

你的问题不是很清楚，但我会尝试回答......

如果您希望＆＃34;在显示尺寸和＃34;之间保持相同的位置，则不应设置相对尺寸（％），而应设置固定尺寸（以像素为单位）。

如果您的CSS规则为left: 80%，则您的div将从屏幕左边移动相当于窗口宽度的80％。如果窗口宽度为500像素，那么div和左边缘之间的区域将为400像素宽。

但是如果你总是想要相同的位置，无论用户的显示尺寸大小，这都可行：

#fixed {
   position:fixed;
   right: 20px; /* Or whatever position you want */
   top: 50px;
}

顺便说一下，我建议你改变＆＃34;离开＆＃34;到＆＃34;对＆＃34;，因为您似乎试图将div放在页面的右侧附近。

如何在div中分配固定位置以使其响应？

2 个答案: