의 폭을 늘리면 고정 :은 자연스럽게이 전 오른쪽 정렬 된 텍스트 DIV하고 있다고 가정 해 봅시다 사업부 :
div{
width: 30px;
text-align: right;
}
내가 증가 할 경우이의 폭이 35px 저점 패딩에 div에 괜찮습니다 텍스트를 가장자리에서 멀리 이동하고 그 안에 다른 요소를 추가하지 않으려면 어떻게해야합니까?
div{
padding-right: 5px;
}
어떤 브라우저에서든 이상하게 행동하겠습니까?
결과는 당신이 말한 것과 같은 것입니다 : 총 너비 35 픽셀의 div. 나에게 당신이하고있는 일을 이해하고있는 것처럼 보이지만 실제로는 모든 대상 브라우저에서 실제로 테스트하는 대신에 사용할 수있는 방법은 없습니다.
이 작은 CSS는 무죄로 보이지만 예상치 못한 방식으로 주변의 요소를 변경할 수 있습니다.
Quirks 모드의 Internet Explorer는 box model으로 인해 문제가 있습니다. 이것이 문제가되는 경우 대신 여백을 사용하는 중첩 된 div를 사용합니다. 다른 옵션에는 IE 관련 CSS 파일이 포함될 수 있습니다.
아니요 모든 주요 브라우저에서 괜찮을 것입니다.
이 영역은 css3을 통해 더 많은 부분을 제어 할 수있는 영역입니다. http://www.quirksmode.org/css/box.html을 살펴보십시오.
인용 된 버그는 더 이상 적합하지 않습니다. 인용구 :''Internet Explorer 6 이상은 표준 호환 모드에서는 영향을받지 않지만 호환성 문제 때문에 페이지가 "quirks 모드"로 렌더링 될 때 버그가 존재합니다. "- 현대 웹 사이트는 Quirks 모드를 사용하지 않습니다 . – thirtydot
현대 웹 사이트는 단조 모드를 사용하지 않지만 페이지 설정 방법에 따라 IE를 단점 모드로 만들 수 있습니다. 잠재적 인 문제에 대한 정보를 제공하십시오. –
사실,하지만 당신은 아마 당신의 대답에 언급 했어야합니다. Internet Explorer의 Quirks Mode에있는 웹 사이트를 실수로 * 만들면 * 누락 된 패딩의 '5px'보다 더 큰 문제가 발생합니다. – thirtydot