여백 왼쪽 CSS가 작동하지 않습니다

jquery 날짜 선택 도구를 사용하여 jsp 페이지에 날짜 선택 도구를 추가했는데 왼쪽으로 옮기고 싶지만 작동하지 않습니다 ..
내 JSP 페이지에 내가 가진여백 왼쪽 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;'는'top'과'left'에 대한 기본값 (0)이기 때문에 왼쪽 위 모서리에 놓을 것이기 때문입니다. 만약 당신이 이것을 다음과 같이 위치 시키려면'top'과'left'를 원하는 값으로 설정하십시오. – zgood

'top : 20px'와'left : 600px'를 넣었지 만 같아요. 나는 margin-left와 margin-top으로 그 수만큼 픽셀을 왼쪽에서 아래쪽으로 움직입니다. 그게 내가 원하는 .. 내가 무엇을 상단과 왼쪽과 여백 - 위쪽과 여백 - 왼쪽의 차이를 모르겠다 .. – slomilll

나는 문제 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>

내 생각 엔이 될 것이라고 제공 한 스 니프에서 정의 된 여백을 무시합니다.

출처

2017-02-13 22:36:06 Michael

그것은 일식에서 프로젝트를 정리하고 지워진 역사 ... 후 어쨌든 그것은 작동합니다! – slomilll

여백 왼쪽 CSS가 작동하지 않습니다

답변

관련 문제