2013-03-26 8 views
0

나는 내 웹 사이트에서 div가 있고 margin-top 속성을 사용하여 CSS에서이 div의 위치를 ​​잡으려고합니다.CSS 여백을 조정하는 방법 맨 위로

내가 현재 사용하고 있습니다 :이 작업을 수행 할 때

margin-top: -0.5px; 

내 사업부가 낮은 약간 있나이다 그러나 내가 마진 정상을 할 경우 : -0.6px을; 그 다음이 너무 높고 메신저

내가 좋아하는 소수점 이하 2 개 자리 값을 사용할 수있는 방법이 0.5과 0.6 사이의 값을 찾기 위해 노력 :

margin-top: -0.5.5px; 

이 어떤 도움을 주셔서 감사합니다 정말 것입니다, 감사합니다 ?

+1

'margin-top : -0.55px'는 원하는 것일 수 있습니다. 그러나 디자인에서 이러한 작은 값을 사용해야하는 경우 생성하는 HTML 구조 내에서 문제가 발생할 확률이 높습니다. 당신의 포지셔닝을 재검토 할 때. – Ohgodwhy

+3

저는 대부분의 브라우저가 십진수 픽셀 값을 해석한다고 생각하지 않습니다. 약 x.6 인 경우 단순히 한 픽셀까지 올림합니다. – Charlie

+0

코드를 볼 수 있습니다. –

답변

0

간단히 말해서 부분 CSS의 픽셀 비율은 반올림되거나 잘 렸습니다.

다음 Conisder

:

div.someclass {margin-top: 0.55px;} 

div.someclass {margin-top: 35.55%;} 

이 값은 대부분의 브라우저에서 가장 가까운 %로 둥근 얻고, 다른 사람에 의해 잘립니다 백분율. 위의 2 가지 예는 사용자의 브라우저에 따라 0.6px/0.5px 및 35.6 %/35.5 %로 해석됩니다. 우리는이 문제를 해결하려면 어떻게 Are the decimal places in a CSS width respected?

: 분수 CSS 값에 대한 자세한 내용은

이 유래 스레드를 체크 아웃? 안타깝게도, 안쪽 여백에 여백을 오프셋하는 분수를 추가하여 여백 분수를 상쇄하려고 시도 할 수는 있습니다.

예 :

div.outer {margin-top: 0.5px;} 
div.inner {padding-top: 0.1px;} 

이 확실히 마진 탑과 같은 결과가 유도해야합니다 0.6px하지만 전체 CSS를 테마의 내역에 따라 미묘한 차이를 알 수 있습니다.

+0

이러한 미묘한 차이점은 원하는만큼 브라우저 간 친화적이지 않을 수 있습니다. 아마도 CSS가 처음부터 아주 작은 값을 지원하지 않는 주된 이유 일 것입니다. :) – DrewT

관련 문제