html - 可拖动面板卡在 CSS 设置中

Question

我正在玩我的第一个 ASP.net/HTML/CSS 应用程序。

我需要可拖动的面板并使用了 Ajax-Control-Toolkit，效果很好，到目前为止我只使用了一个面板!

看起来像这样:

现在我想将面板放入其父容器“div”容器中，您可以在背景中看到它们，带有边框(左、上、下)。我已经为子项使用了这些 CSS 设置-面板:

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

    width: 50%;
    height: 50%;
}

问题是，当我这样使用它时，它会被 element.style{} 覆盖，我尝试使用 !important 但面板无法调整大小或移动。

知道如何解决这个问题吗？是否有“use !important once”标签之类的东西，以便在构建站点时将面板放置到其父级中，然后可以自由移动？

Answer 1

元素样式在css hierarchy中更高, 意味着你必须在运行时替换它(或者根本不设置它让 css 变得卑鄙)。

考虑使用js和dragstart、dragend等事件来操作元素样式