Ziehbare Panels stecken mit CSS-Einstellungen

Question

Ich spiele in meiner ersten ASP.net/HTML/CSS Anwendung herum.

Ich brauche ziehbare Panels und benutze Ajax-Control-Toolkit, es funktioniert gut und ich verwende bisher nur ein Panel!

Es sieht wie folgt aus:

Jetzt möchte ich die Platten in die Eltern-Container „div“ -Container passen, können Sie sie im Hintergrund sehen können, mit Grenzen (links, oben, unten). ich habe diese CSS-Einstellungen für die Kinder-Platten verwendet:

.dragpanel-left { 
    top:0px; 
    left:0px; 

    width: 50%; 
    height: 50%; 
} 

Das Problem ist, wenn ich es so verwenden, ist es von element.style überschrieben wird {}, ich versuchte !important aber die Platte zu verwenden, kann dann nicht skaliert oder bewegt werden.

Irgendeine Idee, wie man dieses Problem löst? Gibt es ein "use! Wichtig einmal" -Tag oder so etwas, wenn die Site gebaut wird, wird das Panel in seine Eltern platziert und danach kann es frei bewegt werden?

Answer 1

Element Stil ist höher in der css hierarchy, bedeutet, dass Sie es zur Laufzeit ersetzen müssen (oder nicht gesetzt, damit css gemein ist).

denken über js und Veranstaltungen wie dragstart, dragend verwenden und so auf das Element Stil