html 难点

block and inline

div box model

position

　　static :这个太有意思了，元素都是固定的，left right top bottom 都是失效的

　　　　eg:

　　　　　　　　<style>

　　　　　　　　　　p{left:50%;}

　　　　　　　　</style>

　　　　　　　　<p>Rihana</p>

sorry men 你是不能移动的。应为这个是默认的。

　relative:这个还不明显把，就是为了帮助static 让这个盒子模型具有相对的左边跟右边，感觉这个时候的margin-left跟left不知到border怎么计算，不过，应该差不多。

　absolute:难道你不觉得自己的自由收到了束缚了吗，不想跳出父母的束缚吗，所以你学要的是absolute，想去哪里就去哪里。

fixed:不过你还是会随着上下滚动，太不爽了，让我们永远的在top-level 所以我们的学会fixed。