Ukrywanie wystających elementów (absolute) Opcje

[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:

[CSS] pobierz, plaintext 
.editor { width: 300px; height: 300px; border: 1px solid #000; overflow: hidden;}
.element { position: inherit; margin-top: 350px; margin-left: 400px; width: 10px; height: 10px; background: #ff0000;}
[CSS] pobierz, plaintext 

[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ć)

Ten post edytował markuz 5.06.2014, 14:14:39

[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
Działający przykład - http://jsfiddle.net/4Yr7n/9/