Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   padding-left увеличивает ширину дива (https://javascript.ru/forum/xhtml-html-css/17032-padding-left-uvelichivaet-shirinu-diva.html)

cmygeHm 03.05.2011 13:17

padding-left увеличивает ширину дива
 
Hi, World!
Имеем текст внутри дива, ширина которого 350px. Задаем свойство диву padding-left: 15px; и див становится шире именно на это кол-во пикселей. Я дурак или санки не едут? :blink: Правда текст внутри дива не заключен в <p></p>.

Благодарствую :victory:

Kolyaj 03.05.2011 13:19

Это стандартное поведение.

cmygeHm 03.05.2011 13:21

блин :-? а как тогда сдвигать? как сделать чтобы текст не приблизился более чем на 15px к границе? пихаем его в <p> и для <p> задаем margin-left?

cmygeHm 03.05.2011 13:30

ладно. уже так и сделал. спасибо :victory:

trikadin 26.05.2011 00:45

Ширина (и высота) элемента - это сумма собственно ширины (width), внутренних отступов (padding), ширины рамки (border) и внешних отступов (margin). Так предписывает спецификация.

Подробнее тут: http://htmlbook.ru/css/width


Часовой пояс GMT +3, время: 03:05.