如何將css max-left或min-left位置設置爲絕對對象？

Question

我有一個元素：

position:absolute; 
left: 70%; 

我可以配置例如元素不是從左邊超過900px動？ 東西像最大寬度但定位？

Answer 1

您可以使用CSS3媒體查詢實現這一

所以：

#element { 
    position:absolute; 
    left: 70%; 
} 

如果你不想當你有一個小屏幕它覆蓋的物體或調整 窗口，你可以以後添加：

@media all and (max-width: 980px) { 
    #element{ 
     margin-left: 0px; 
     left: 220px; 
    } 
} 

當屏幕寬度小於980px時，＃元素對象將被固定爲220px。

Answer 2

用CSS來做到這一點的唯一方法是刪除絕對定位，它漂浮到右邊。

把一個空的 「推進器」 的div，向左浮動。給它70％的寬度和900px的最小寬度;然後將你的元素浮在它旁邊。

否則，你將不得不使用JavaScript。

Answer 3

或者，您可以用絕對定位的元素包含一個具有最小寬度的相對定位的元素。