Персональный блог Александра Мокрова

О работе и отдыхе

Архив на месяц Август, 2012

Что делать, когда width: 100% и border вылазит за пределы отведенной области

Если установить сразу два этих свойства, то блок будет шириной 100%, но бордюр не считается в некоторых браузерах в ширину, и поэтому фактически блок будет вылазить за пределы области. Это особенно неприятно, когда дело касается основного блока, т.к. появляется горизонтальный скролл.

Свойство, позволяющее избежать этого, к сожалению есть только в CSS3:
box-sizing: border-box;
Оно включает вычисление ширины блока с учетом бордера.

P.S. ФФу нужно персонально указывать -moz-boz-sizing.

Нет комментариев