将子div在父div中固定在底部(类似剩余电量的效果)

有时候要实现图片那样剩余电量的效果，将子div固定在父div的底部，这个就需要用到css的相对定位：relative。

实现起来还是很简单的：

（1）给父div添加样式：

	position:relative;

（2）给子div添加样式：

	position: absolute;
	bottom: 0;

同样的，如果是要靠右、靠左等等，只需要将 bottom: 0; 改成 right: 0; 等等就可以了。