Question

您好我在调整窗口大小时让div保持原位。当内容div变小时，它会与内容div重叠。

#content
{
  width: 70%; 
  height: 800px;    
  margin-top: 50px;     
  margin-left: auto;
  margin-right: auto;
  background-color: #202020;
  padding: 30px;        
}

#login
{
  float: right;
  margin-right: 20px;
  margin-top: 50px;
  background-color: #4A4344;
  width: 200px;
  height: 220px;
  text-align: center;       
}

我尝试将值设置为em和百分比，但我似乎无法使其正常工作。

感谢您的任何建议。

Answer 1

这是因为内容div的宽度设置为浏览器窗口的70％，并且将完全忽略登录div。请尝试浮动两个元素。如果你将两个元素的css设置为float: right;，将你的内容之前的登录设置在html中，并从内容的css中删除width属性，那么它应该查看你想要的方式。

Answer 2

尝试使用white-space：nowrap

div重叠在较小的屏幕分辨率上

2 个答案: