Stack Overflow Demo

http://stackoverflow.com/questions/37782137/css-height0-and-overflowhidden-with-margin-has-a-different-behavior-on-safari

by Juan Kristoffer Sanio

HTML

<div class="box50 red m20"></div>
<div class="box25 blue"></div>

<hr>

<div class="box50 red m20 h0"></div>
<div class="box25 blue"></div>

CSS

.box50 { box-sizing: border-box; height: 50px; width: 50px; }
.box25 { box-sizing: border-box; height: 25px; width: 25px; }
.h0 { height: 0px; overflow: hidden; }

.m20 { margin: 20px; }
.red { background: red; }
.blue { background: blue; }