Question

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

我需要可拖动的面板并使用Ajax-Control-Toolkit，它运行良好，到目前为止我只使用一个面板！

看起来像这样：

现在我想让面板适合其父容器＆＃34; div＆＃34; -containers，你可以在后台看到它们，带边框（LEFT，TOP，BOTTOM）。我使用过那些CSS-子面板的设置：

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

    width: 50%;
    height: 50%;
}

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

知道如何解决这个问题吗？有没有＆＃34;使用！重要的一次＆＃34;标记或其他什么，当构建网站时，面板放在其父级，然后可以自由移动？

Answer 1

元素样式在css hierarchy中更高，意味着您必须在运行时替换它（或者根本不设置它以使css成为卑鄙）。

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