百分比设置div宽高相等
.out {width:33.33%; height:0; padding-bottom:33.33%; float:left}
例子:
html:

body
css样式:

样式表
事件:

hover,mouseleave事件
效果图:

原本样式

hover效果图
百分比设置div宽高相等
.out {width:33.33%; height:0; padding-bottom:33.33%; float:left}
例子:
html:
css样式:
事件:
效果图: