Lesser known CSS quirks & advanced tips

• Vertical padding is relative to element’s width not heightSo padding-top: 50% does not add 50% of the original height of the element as padding, but 50% of the width of the parent element: Knowing this we can easily make responsive elements that keep their height/width ratio: .square { width: 100%; height: 0; padding-bottom: 100%; } • Margins overlap, but only sometimesSo space between the follo

[taky1973]

Tips色々.