保证金左css不起作用

时间:2017-02-13 21:52:05

标签: css jquery-ui-datepicker

我正在使用jquery日期选择器,我将日期选择器添加到我的jsp页面,我想将其向左移动,但它不起作用..
在我的jsp页面中我有

<div id="datepicker" class="datepicker">
        <script>
        $("#datepicker").datepicker();
        </script>
        </div>

在我的css文件中我有

.datepicker{

        margin-top:20px;
        margin-left:600px;
        position: fixed;

}

但是元素总是在左上角。有人有解决方案吗?我总是使用margin-top和margin-left,当我想要定位元素时,它总是有效...提前谢谢!

1 个答案:

答案 0 :(得分:0)

我无法让datepicker函数在codepen上运行,但CSS格式化部分工作得很好:https://codepen.io/anon/pen/OWdXKL

<style>
  .datepicker{
        margin-top:20px;
        margin-left:600px;
        position: fixed;
};
</style>

<div id="datepicker" class="datepicker">this div is 600 px from the left; 20 px from the top</div>

<script>
  $( "#datepicker" ).datepicker();
</script>

我的猜测是,样式表中的其他地方有一些内容覆盖了您提供的剪辑中定义的边距。