0

我有一些 CSS 问题。我有一个宽度为 400 像素的父级，我希望子级（相对于父级，所以我可以把它放在父级的中间，并使他的 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>
4

0 回答 0