패딩이 뷰포트의 폭이가 1024px로 설정되어있는 경우

표시되지 않으며, 나는 다음과 같은 HTML 문서를 작성하는 경우 :패딩이 뷰포트의 폭이가 1024px로 설정되어있는 경우

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> 
    <head> 
    <style type="text/css"> 
     p 
     { 
      background-color:blue; 
      padding:0px 250px; 
      margin:0px 250px; 
      overflow:scroll; 
     } 
    </style> 
</head> 
<body> 
     <p> 
       aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa 
     </p> 
    </body> 
</html>

그때 나는 (가로 스크롤 막대를 제공하기 때문에 페이지 요소에) 그 기대 패딩 p 요소의 양면에 여전히 250px 크기가됩니다. 그러나 p 요소의 왼쪽에있는 패딩은 여전히 250 픽셀이지만 오른쪽에있는 패딩은 0 픽셀입니까?

이러한 동작이 발생하는 이유는 무엇입니까? 패딩이 클리핑되면 단순히 렌더링되지 않는 반면 텍스트 만 클리핑 될 수 있고 스크롤 바를 사용하여 볼 수 있기 때문입니까?

thanx

출처

2010-03-07 AspOnMyNet

FWIW는 Chrome에서 '오른쪽'패딩을 사용합니다. – harpo

오른쪽 패딩이 IE 8 및 FireFox 3.5.8에서 작동하는 것 같습니다. – contactmatt

Firefox 3.5.8을 사용 중이며 오른쪽 패딩이 작동하지 않습니다. – AspOnMyNet

패딩은 브라우저에서 문제가 될 수 있습니다. 어떤 사람들은 다른 사람이 내용을 밀어 넣는 동안 요소의 가장자리를 밀어 낸다 (나는 당신이 생각하는 것). 같은 효과를 내기 위해 여백을 설정하면 편한 시간을 가질 수 있습니다.

출처

2010-03-07 20:19:21 Jage

패딩이 모든 브라우저에서 여백으로 작동하는 것을 본 적이 없으며 예제가 있습니까? ? –

패딩이 뷰포트의 폭이가 1024px로 설정되어있는 경우

답변

관련 문제