Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Ukrywanie wystających elementów (absolute)
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
markuz
Witam, posiadam przykładowy kod: http://jsfiddle.net/4Yr7n/

Chciałbym aby czerwony kwadrat (.element) nie pokazywał się ponieważ wystaje poza div.editor.
Musi mieć on pozycję absolutną ponieważ takich elementów jest kilka.
Pyton_000
np. tak:
  1. .editor { width: 300px; height: 300px; border: 1px solid #000; overflow: hidden;}
  2. .element { position: inherit; margin-top: 350px; margin-left: 400px; width: 10px; height: 10px; background: #ff0000;}
markuz
Wtedy żaden element się nie wyświetli - http://jsfiddle.net/4Yr7n/8/ (.element.next powinien się wyświetlić w kwadracie na pozycji 100, 100 a go nie widać)
trueblue
.next dziedziczy pozycję static, czyli po prostu układa się za kolejnym elementem przez co wystaje poza editor.
Jeśli mu nadasz absolute oraz left i top 0, będzie ok.
markuz
Ok - dzięki wielkie smile.gif
Działający przykład - http://jsfiddle.net/4Yr7n/9/
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.