làm thế nào để đặt css max-left hoặc min-left vị trí đối tượng tuyệt đối?

Question

Tôi có một phần tử với:

position:absolute; 
left: 70%; 

tôi có thể cấu hình yếu tố ví dụ như không di chuyển từ trái hơn 900px? giống như chiều rộng tối đa nhưng để định vị?

Answer 1

Bạn có thể sử dụng CSS3 Truyền thông Queries để đạt được điều đó

Vì vậy:

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

Nếu bạn không muốn nó che phủ một đối tượng khi bạn có một màn hình nhỏ hơn hoặc thay đổi kích thước cửa sổ , bạn có thể thêm sau đó:

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

Khi chiều rộng màn hình nhỏ hơn 980px, #element đối tượng sẽ được sửa thành 220px.

Answer 2

Cách duy nhất để thực hiện việc này bằng CSS là xóa vị trí tuyệt đối và thả nó sang phải.

Đặt div "pusher" trống, được thả sang trái. Cung cấp cho nó một chiều rộng 70%, và chiều rộng tối thiểu là 900px; Sau đó, thả phần tử của bạn bên cạnh nó.

Nếu không, bạn sẽ phải sử dụng Javascript.

Answer 3

Hoặc bạn có thể bọc phần tử được định vị hoàn toàn với phần tử tương đối được định vị có chiều rộng tối thiểu.