私はいくつかのCSSの問題を抱えています。私は 400px 幅の親を持っており、子 (これは親に対して相対的であるため、親の中央に配置して z-index を大きくすることができます) が 200 幅になるようにします。親から離れます。子は jquery 選択可能です。
(最初の引き出しだけが上部で機能します)
メインCSS：
.sortableIt { list-style-type: none; position:relative;top:-250px;left:20px;margin: 0; z-index:1000;padding: 0; width: 100px; height:100px }
.sortableIt li { margin: 1px 5px 1px 0; padding: 1px; float: left; width: 35px; height: 35px; text-align: center; }
.sortable { list-style-type: none; margin: 0; padding: 0; /*width: 1200px; */}
.sortable li {/*background-color:yellow;*/ margin: 0px 0px 0px 0; padding: 1px; float: left; width: 360px; height: 72px; text-align: center; }
html:
<!doctype html>
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>
<li id="sertar111?" style="z-index:500">
<img id="sertar11" class="sertar" ONCLICK="openS(this)" style="position: relative;z-index: 500;aligh:center;" src="img/sertar1.png">
<ul id="ui items" class="sortableIt" style="visibility:hidden;" >
<li id="asd" class="ui-state-default">1</li>
<li class="ui-state-default">2</li>
<li class="ui-state-default">3</li>
<li class="ui-state-default">4</li>
<li class="ui-state-default">5</li>
<li class="ui-state-default">6</li>
<li class="ui-state-default">7</li>
<li class="ui-state-default">8</li>
<li class="ui-state-default">9</li>
<li class="ui-state-default">10</li>
<li class="ui-state-default">11</li>
<li class="ui-state-default">12</li>
</ul>
</li>
</body>
</html>