Javascript 定位这个内联元素有什么不对？

我使用jQuery插件在列中显示内联日历元素，但是日历被放在页面的左上角，我不确定我到底做错了什么

我附上了一张我在屏幕上看到的图片。红色框是我正在处理的两列，我试图在第一列的输入字段下面找到日期选择器

var datepickerContainer=$（'.datepickerContainer'）；
$（'.datepicker输入'）.datepicker({
自动识别：是的，
是的，
容器：datepickerContainer，
});
.datepicker容器{
边框：1px虚线#eee；
利润率：10px自动；
最小高度：160px；
位置：相对位置；
显示：块；
}
.控制模块{
利润上限：35px；
}
.活动提要{
填充：15px；
列表样式：无；
}
.馈电模块{
利润上限：35px；
浮动：对；
边框：1px纯红；
}
.进料定位{
填充：0！重要；
}
/*日期标题*/
.日期{
宽度：190px；
位置：相对位置；
顶部：-5px；
颜色：#8c96a3c0；
字体大小：13px；
边界半径：6px；
}
/*信息*/
.css消息{
字体大小：15px；
}
.activity提要>.css消息{
位置：相对位置；
左边距：20px；
垫底：20px；
左侧填充：40px；
左边框：2px实心#e4e8ebf6；
}
.css消息：最后一个孩子{
边框颜色：透明；
}
.css消息：：之后{
内容：“；
显示：块；
位置：绝对位置；
排名：0；
左-6px；
宽度：10px；
高度：10px；
边界半径：6px；
背景：#fff；
边框：1px实心#f37167；
}


日期

消息
您尝试使用的日期选择器似乎将自己的css带到聚会上，并将其放置在您选择的容器上：

.datepicker容器{
背景色：#fff；
方向：ltr；
字体大小：12px；
左：0；
线高：30px；
位置：固定；
排名：0；
-ms触摸动作：无；
触摸动作：无；
-webkit用户选择：无；
-moz用户选择：无；
-ms用户选择：无；
用户选择：无；
宽度：210px；
z指数：-1；
-webkit点击突出显示颜色：透明；
-webkit触摸标注：无；
}

包括一些定位属性

问题是它的css是在你自己的css之后加载的，所以它具有优先权

好的是，你有一些方法来修复它，你可以在你自己的css之前加载它，你可以为你自己的css制作一个更好的选择器来恢复优先级，或者你可以使用
！重要信息
关键字以覆盖所需的任何属性

也许还可以查看datepicker文档，看看是否有禁用该功能的选项。
实际上，您可以将datepicker导入代码段，请看这里：哦，太棒了，我在谷歌上搜索了，但我一定是搜索错了。我更新了帖子，它似乎在你的代码片段中的正确位置。当你在网站上运行JS代码时，你确定DOM中存在元素吗？@morphish当我运行代码片段时，元素似乎粘在页面的左上角，类似于我在图片中看到的。另外，DOM中存在元素的确切含义是什么？它肯定会出现在页面上，而容器正是我想要实现的参考。转到页面，切换“容器”和“内联”按钮。哇，我不敢相信我错过了这个，新手错误！！非常感谢。