Mam element z:jak umieścić css max-left lub min-left position do obiektu absolutnego?
position:absolute;
left: 70%;
mogę skonfigurować element, na przykład, aby nie przenieść z lewej więcej niż 900px? coś jak max-szerokość, ale do pozycjonowania?
Można użyć CSS3 Multimedia Pytania aby osiągnąć
Więc:
#element {
position:absolute;
left: 70%;
}
Jeśli nie chcesz, aby nałożyć obiekt, gdy masz mniejszy ekran lub zmiany rozmiaru okna można dodać później:
@media all and (max-width: 980px) {
#element{
margin-left: 0px;
left: 220px;
}
}
Gdy szerokość ekranu jest mniejsza niż 980px The #element obiekt zostanie naprawiony na 220 pikseli.
Jedynym sposobem na wykonanie tego przy użyciu CSS jest usunięcie położenia bezwzględnego i przesunięcie go w prawo.
Połóż pustą "pchaczkę" div, uniesioną w lewo. Daj mu szerokość 70% i minimalną szerokość 900 pikseli; Następnie ułóż swój element obok niego.
W przeciwnym razie będziesz musiał użyć Javascript.
Alternatywnie można owinąć pozycjonowany absolutnie element za pomocą względnie umieszczonego elementu o minimalnej szerokości.
Nie można tego zrobić tylko za pomocą CSS. Potrzebujesz JavaScript/jQuery, aby ustawić lewe przesunięcie do maksymalnej wartości. Nie widząc jak twój element wchodzi w interakcję z twoim układem, trudno coś zasugerować. –