css如何搞正方形

如何搞正方形

總有需求會要有正方形的框。同時寬度是能夠自適應的。
可是好像沒有什麼屬性能夠設置高度等於寬度這樣的css。

在技術羣問了下，大牛立馬給我弄了個，http://code.w3ctech.com/detail/2208

獲得了很好的啓發，結合本身的實際應用，完善了下。看demo （內有分析）
http://liyatang.github.io/demo/css/square.html

爲啥可以使用padding-bottom: 100%;呢。
由於w3c說百分比是依據父元素的width計算的。