IE8

에 1 픽셀의 높이 사업부를 만드는 방법 I 1 픽셀 높이 라인을 만들려면 다음 코드를 :IE8

코드는 IE8에서하지만, 파이어 폭스에서 잘 작동

은, 그것은 10px 높이 선으로 표시됩니다

<div style="width:300px; height:1px; background-color:#ff3300; margin-top: -1px;"></div> <!-- top red line -->

그 쯤. IE가 지정된 높이를 고려하도록하려면 어떻게해야합니까?

편집 :

난 그냥 1 x 1 픽셀하기 위해 min-height 속성을 설정하려했지만 그 중 하나가 작동하지 않았다.
max-height
는 IE 내 모든 CSS 규칙을 무시하는 이유 line-height 1로는

도움이되지 않는 설정 IE 무시?

출처

2011-08-06 this.lau_

예상치 못한 패딩을 허용하지 않으려면 CSS를 올바르게 재설정하십시오. –

'div'는 기본적으로 특별한 스타일을 가지고 있지 않습니다. CSS 리셋 개념은 많은 사람들이 권장하는 연습이지만, 고물입니다. –

당신은 어떤 종류의 라인을 만들려고하는 것처럼 보입니다. 아래의 요소에 대신'border-top : #ff3300 solid 1px;'를 쓰지 않으시겠습니까? – sqwk

글꼴 크기를 1px로 설정하면됩니다. IE는이 div의 높이를 글꼴 크기로 제한합니다.

출처

2011-08-06 09:38:08

+1 JS 피들에서 잘 작동합니다. – wowpatrick

예, 해결책이었습니다. –

세트 line-height및font-size을 1px로 설정하십시오.

출처

2011-08-06 09:37:49 sqwk

이것은 또한 작동해야합니다 –

패딩을 0으로 재설정하는 것 외에도 다른 요소 (아마도 위)와 관련이있을 수 있습니다. 특히 떠 다니는 경우. 또한 명백하게 시도 할 수도 있습니다 : 둘 다; 또한 display : inline; 아무 데나 ... 기본적으로 차단되며 차단되어야합니다.

정말 문맥없이 어둠 속에서 파고 들었습니다.

출처

2011-08-06 09:42:19 Zhenya

내 제안 : 이것은 브라우저 스크롤 막대 문제입니다. 그냥 넣으십시오. body {margin : 0; 안쪽 여백 : 0;} 모든 브라우저에서 줄을 볼 수 없습니다.

IE7 스크롤 막대 위쪽 화살표 해당 라인을 내려 놓습니다.

출처

2011-08-06 10:13:03 anglimasS

@Laurent, 당신은 여전히 height:1px; line-height:1px; 글꼴을 사용에도 불구하고, 원하는 x 1 픽셀의 DIV를 얻을 수없는 경우 : 정상 1 x 1 픽셀/굴림 x 1 픽셀; 웹 페이지 코드 상단에있는 DTD (문서 유형 정의)를 확인해야 할 수도 있습니다. 이것을 시도 할 수 있습니다 :

<!DOCTYPE HTML> 
<html> 
... 
</html>

출처

2012-04-18 08:14:36 Technology

답변

관련 문제