margin负值的小妙用

position的解决方案--左上的图标

.demo-absolute dt { position: relative; width: 300px; }

.demo-absolute .t-l .b-price { position: absolute; top: 5px; left: 20px; }

position的解决方案--右上的图标

.demo-absolute dt { position: relative; width: 300px; }

.demo-absolute .t-r .b-price { position: absolute; top: 5px; right: 20px; }

position的解决方案--左下的图标

.demo-absolute dt { position: relative; width: 300px; }

.demo-absolute .b-l .b-price { position: absolute; bottom: 10px; left: 20px; }

position的解决方案--右下的图标

.demo-absolute dt { position: relative; width: 300px; }

.demo-absolute .b-r .b-price { position: absolute; bottom: 10px; right: 20px; }

margin的解决方案--左上的图标

.demo-margin .t-l .price-box{ margin: -145px 0 0 5px; }

margin的解决方案--右上的图标

.demo-margin .t-r .price-box{ margin: -145px 0 0 221px; }

margin的解决方案--左下的图标

.demo-margin .b-l .price-box{ margin: -30px 0 0 5px; }

margin的解决方案--右下的图标

.demo-margin .b-r .price-box{ margin: -30px 0 0 221px; }