盒子模型
層模型
定位元素：絕對定位和相對定位
position:absolute
脫離原來位置進行定位，原來位置為空。
相對于最近的有定位的父級定位，如果沒有父級定位，那么就相對于文檔定位。?
position:relative
保留原來位置進行定位，依然占原來位置，只是相對原來位置變化。
相對于自己原來的位置定位。
廣告定位
position:fixed
側面廣告
<style>
div{
position:fixed;left:0;top:300px;width:50px;height:300px;background-color:red;
}
</style>
<body>
<div>廣告</div>
</body>
居中廣告
<style>
div{
position:fixed;left:50%;top:50%;width:100px;height:100px;background-color:red;
margin-left:-50px;margin-top:-50px;
}
</style>
