Css jQueryUIDatePicker不从输入字段显示，只从输入字段周围显示

我有一个输入字段，我在其中添加了一个日期选择器。 出于某种原因，当我单击输入字段时，日期选择器不会打开，但如果我在其周围单击，日期选择器将打开并填充字段中的数据

这是HTML：

<div class="row">
  <label for="video_due_date">Birthday Date</label>
  <div class="text">
    <input id="video_due_date" name="video[due_date]" size="30" type="text" value="2011-12-24 13:51:58 UTC" />                                                      
  </div>                                
</div>

这是JS的代码：

<script type="text/javascript">
$(document).ready(function() {
  $('#video_due_date').datepicker({minDate: 0,
                                   dateFormat: 'yy-mm-dd     00:00:00'
                                  });
});
</script>

$（文档）.ready（函数（）{
$（'video'u due'u date'）。日期选择器（{minDate:0，
日期格式：“yy-mm-dd 00:00:00”
});
});

你知道是什么导致了这个问题吗？为了让日期选择器从字段内部而不是周围区域打开，我应该做些什么改变

谢谢， 克伦

好的。知道了。 这是一个问题。罗：下课后。 以下是工作版本：

.row:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}

此代码复制自blueprint css框架

---

都是代码。

我试过你的代码。工作正常。我错过了一些相关的css，请参见：

.row:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}