Margin-left css не работает

Я использую jquery date picker, я добавил сборщик дат на мою страницу jsp, и я хочу переместить его влево, но он не работает.
На моей странице jsp у меня естьMargin-left css не работает

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

и в моем файле CSS я есть

.datepicker{ 

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

}

но элемент всегда находится на верхней левой corner..Does кого-то есть решение для этого? Я всегда Верхнее поле и левое поле, когда я хотел позиционировать элемент, и он всегда работал. Спасибо заранее!

источник

2017-02-13 slomilll

Это потому, что у вас есть 'position: fixed;' set, поэтому он поместит его в верхний левый угол, потому что это значения по умолчанию (0) для 'top' и' left'. Если вы собираетесь позиционировать его так, то установите «top» и «left» в значения, которые вы хотите. – zgood

Я положил 'top: 20px' и' left: 600px', но это то же самое ... я понял, margin-left и margin-top перемещают этот элемент влево и вправо для этого количества пикселей и это то, что мне нужно. Я не знаю, в чем разница между верхним и левым и верхним краем и маржа-левым. – slomilll

У меня возникли проблемы с получением функции 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>

Мое предположение было бы, что есть что-то где-то в вашей таблице стилей, что переопределяет поля, определенные в предоставленном вами snip.

источник

2017-02-13 22:36:06 Michael

Теперь он работает, после того как я очистил проект в затмении и стерли историю ... спасибо в любом случае! – slomilll

ответ

Смежные вопросы