Внезапный БАГ

[ViES]

Столкнулся вот с такой проблемой, которая просто ввела меня в ступор:

http://jsfiddle.net/ViES/5pEYs/

ВТФ?? Что с внутренним блоком?

Edited July 5, 2012 by ViES

[ELBegemotos]

Столкнулся вот с такой проблемой, которая просто ввела меня в ступор:

http://jsfiddle.net/ViES/5pEYs/

ВТФ?? Что с внутренним блоком?

А что вы хотите получить в итоге?

[lexxcode]

Так все правильно с внутренним блоком

[ViES]

каким образом добиться равномерных отступов, подскажите пожалуйста? а то логика таких вычислений до меня не доходит...

Edited July 6, 2012 by ViES

[lexxcode]

Просто border тоже учитывается в общей ширине блока.

То есть вот у вас род.блок 152px, а внутренний 100%. 100% = 152px и еще плюс бордер 2*2=4 итого ширина блока 152+4=156px, та же история и с высотой.

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

[ViES]

Просто border тоже учитывается в общей ширине блока.

То есть вот у вас род.блок 152px, а внутренний 100%. 100% = 152px и еще плюс бордер 2*2=4 итого ширина блока 152+4=156px, та же история и с высотой.

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

понял, спасибо за разъяснение.