This는 높이 후 더 큰 보이는 파이어 폭스의 코드Firefox의 최소 높이가 높이보다 큰 이유는 무엇입니까? (: 방화범 사업부 인 적은 높이가 1 픽셀의 높이를 변경 사실) x 1 픽셀 :
<div style="font-size: 1px; min-height: 1px; background-color: #9DA5E2;"> </div>
입니다. 1 x 1 픽셀 = 높이 : 사실, 최소 높이
3px의, 그 이상한 ...
이유는 무엇입니까?
font-size를 1px로 설정 했으므로 줄 높이를 변경하지 않았기 때문입니다.
font-size를 value x로 설정하면 텍스트가 포함 된 전체 줄의 높이가 더 커집니다. 자세한 내용 : http://www.w3.org/Talks/2008/0911-CSS-Amsterdam/line-height.png
line-height:1px;을 추가하고 괜찮해야합니다 http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height
또한 자세한 내용은이 이미지를 참조하십시오.
왜 줄 높이를 설정해도'min- height'는'height'보다 커야합니까? –
맞습니다! 고마워 :) – markzzz
줄의 높이가 (수동으로 설정하지 않은 경우) 항상 글꼴 크기보다 큰 이유는 텍스트 줄 사이에 간격이 있어야하기 때문입니다. 참조 : http://www.w3.org/Talks/2008/0911-CSS-Amsterdam/line-height.png –
최소 높이가 하한입니까? 그래서 height> = min-height이면 아무렇지도 않습니다. 귀하의 질문은 다소 불분명합니다. – ted
아니요! 제 말은'min-height'가 높이가'height : 3px'입니다. – markzzz
괜찮습니까? firebug를 사용하여 div의 높이를 결정하고'height : 3px'를 얻으시겠습니까? 'min-height' 대신에'height'를 설정하십시오. 아마도 오버플로를 정의하십시오. – ted