система сетки на основе % переполнения изображения на основе границы

#html #css

#HTML #css

Вопрос:

Я использую сеточную систему, которая использует проценты (если быть точным, сетку 1140 пикселей) и пытаюсь использовать в ней изображения границ CSS3. Все это работает правильно, но я использую несколько довольно широких причудливых границ, которые уменьшают ширину рамки. Есть ли какой-либо способ исправить это? (или сделать способ сделать некоторые причудливые границы css без CSS3? Мне бы это понравилось, но я не могу найти как, и в данный момент у меня не получается.)

Ответ №1:

Если вы добавите следующее в CSS окна

 box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
  

Затем он добавит границы внутри заданной ширины, а не снаружи.

Комментарии:

1. Работает в последней версии всех браузеров, включая IE 8 и 9.