如何实现分左/右在CSS

Question

我在我的CSS元素看起来像下面

.xyz{ 
    position:absolute; 
    left:50%; 
    } 

现在，当我减少浏览器窗口的宽度不如预期，该元素向左移动。不过，我希望它停止在某个点，因为否则它开始重叠其他元素。原则上，这与最小高度和最小宽度属性非常相似。但是没有像min-left或min-top这样的属性。我怎样才能实现这一点。

Answer 1

如果你可以估算窗口大小，那里的运动应该停止，（比方说700px），您可以使用媒体查询：

@media (max-width: 700px) { 
    .xyz { 
    left: 10px; 
    } 
} 

那么对于700px窄的窗户，元素放置固定在left: 10px （使CSS适合你）。