Question

我有一些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>

更改相对节点中的宽度

0 个答案: