可拖动对象“粘合”到边框

我创建了一个用户控件，在可拖动的div中包含一个标签，如下所示：

 .text_label { margin-top:8px; font-size:18px; color:#545454; -moz-border-radius: 2px; -webkit-border-radius: 2px; -border-radius: 2px; } .clear { clear:both; height:20px; } .drag { display:block; }  
  
 
 

对于draggable，我在ready（）函数中使用以下选项：

 $('.drag').draggable("option", "containment", 'parent'); 

在我的测试网页上，我在面板中添加了两个用户控件。 我的目标是让它们在该面板内可拖动。

  .panel { border-style:solid; border-width:medium; width:100%; }      

当我运行页面（在Chrome中）时，两个控件都对齐到面板的右边框，只能在Y轴上拖动。

知道为什么会发生这种情况并且缺少什么？

谢谢。

Answer 1

也许是因为课堂clear而坚持下去clear:both