2

如果我在 div 上应用可调整大小的功能，轮廓位置就会出错。

ui-resizable-handle-s（在演示中显示为灰色）扩展了轮廓（红色），尽管它们的位置设置为绝对。

我该如何解决？该问题仅出现在 FF 中。

看看演示。

4

1 回答 1

0 
.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100 % ;
    bottom: -5px;
    left: 0;
}

此 css 规则将ui-resizable-s大小绑定到其父大小。

width:100%
bottom:-5px;
left:0;

这3个意思是：

  • 拥有父级的全宽
  • 5px顶部边缘在 y 轴上保持低于父底部边缘
  • 左边缘保持0在 x 轴上的父母左边缘

与这三个一起，它总是会在调整大小时让父母放松，而且它们确实可以正常工作，因为position是absolute

于 2013-01-21T11:18:57.030 回答