jquery,切换div,css间距问题

信不信由你,你只需要增加一个 1px 填充到父容器的顶部。问题是,在 slideToggle 第一 div 设置为 display:none 这将导致第二个分区与父分区轻拍。现在,它只是一个CSS错误。如果没有 padding 在父项上设置,子项的边距将变为 外部 并向下推两个项目。通过应用 1PX 对父元素的边距,强制 margin 要留在元素内:

<body style="padding-top: 1px">
  <div class="myToggledDiv">
      <div>content</div>
  </div>

  <div style="margin-top: 10px;">
      content
  </div>
</body>

显然,您希望删除所有这些内联样式,并根据需要使用单独的样式表和ID/类。

如果您需要偏移额外的填充(取决于您的布局),您可能只需要使用:

{ margin-top: -1px; padding-top: 1px }

有点奇怪,但您可以为第二个DIV设置以下规则:

{ position:relative; top:10px; }

在线演示: http://jsbin.com/enala/edit

我也鼓励你考虑 Doug's Answer . 如果在父容器上设置填充会产生不需要的结果,您可以选择使用此解决方案。