Как правильно сделать такой бордер?

Question

[Aleksandr]

В общем, есть большой блок. В этом блоке n-ое-кол-во блоков. Блок раздвигается.
У основного блока естьborder, overflow: hidden и padding, нужно отдельному блоку, который лежит внутри этого блока сделать бордер, но, чтобы он перекрывал основой.

В общем пример
https://jsfiddle.net/1ccjLgvt/1/

А вот, что получается у меня


А вот как должно быть

Answer 1

[nikfakel]

C overflow:hidden; не получится так сделать, потому что он обрезает содержимое внутри границы (не зависит от box-sizing)

Как вариант, если overflow: hidden обязательно, можно убрать границу у родительского элемента и сымитировать ее box-shadow. Если overflow:hidden необязательно, (или напишите, почему оно обязательно, мб есть еще варианты), то без него все делается просто.

Comments

[Aleksandr]

точно, box-shadow.. Как я забыл) Спасибо !)