Kind Element positionieren und Eltern Element passt sich entsprechend an

[Rolf B]

Hallo ebody,

oha. Von draggable war bisher keine Rede.

Inwieweit ist dein Muster der Realität nahe? Insbesondere:

(1) brauchst Du den 5px Rand um die grüne Box? (2) ist die grüne Box tatsächlich einfarbig?

Wenn (1)=nein und (2)=ja, könnte man die Rahmenbox auch mittels Box-Shadow simulieren:

  box-shadow: -10px  0   0 15px rgba(49, 217, 0, 1),
               70px  0   0 15px rgba(49, 217, 0, 1),
              110px  0   0 15px rgba(49, 217, 0, 1),
              -10px 20px 0 15px rgba(49, 217, 0, 1),
               50px 20px 0 15px rgba(49, 217, 0, 1),
              110px 20px 0 15px rgba(49, 217, 0, 1);

Mit diesen 6 Schattenteilen bekommst Du genau die 200x100 Pixel Box um die rote Box herum, ohne Rand. Den schwarzen Rand bekommt man mit 6 zusätzlichen schwarzen Schatten und geschickter Positionierung auch noch hin, aber das artet dann schon in Overkill aus.

Nachtrag: gerade noch mit einer ::before Box gespielt, in der Hoffnung, dass jQuery die nicht als ziehbares Kind erkennt - war aber nix 😕

Rolf