2010-03-07 2 views
0

Если ширина окна просмотра устанавливаются в 1024px и если я создаю следующий документ HTML:Перетяжка не получает отображается

<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 пикселей, заполнение на правой стороне равно нулю?

В чем причина такого поведения? Это потому, что только текст может быть обрезан (и просматриваться с помощью полос прокрутки), а если заполнение обрезается, то оно просто не получается?

thanx

+1

FWIW, у него есть «правильное» дополнение в Chrome. – harpo

+0

Правильное заполнение, похоже, работает в IE 8, а FireFox 3.5.8 – contactmatt

+0

Я использую Firefox 3.5.8, а правое заполнение не работает – AspOnMyNet

ответ

0

Прокладка может быть проблематичной в браузерах. Некоторые выталкивают край элемента, а другие вставляют содержимое (что, как я подозреваю, вы ожидаете). У вас будет более легкое время, установив маржу для достижения того же эффекта.

+0

Я никогда не видел, чтобы padding вел себя как маржа в любом браузере, есть ли у вас пример ? –