2014-05-10

摘要:【CSS】position定位的小小心得

記錄一下自己研究1天position的心得:

1、先設寬度，因為我們div切版，都會設寬度，而高度不設以求彈性。

2、設位移距離時，上或下只定義一個就好，左與右也只定義一個就好，

如只設上與左、或上與右、或下與左、或下與右，

才不會相互抵觸。

3、若想要”左右置中”的效果，其實可以用margin-left:auto, margin-right:auto即可，

不須用到relative來定left與right。

而對上或對下的距離，用margin也辦得到，看需求適時選擇用position或margin。

4、假設要絕對定位(absolute)某一元素，它會預設從網頁左上角當基準點開始計算你設的距離，若想改變基準點，可以在想要當基準點的div上加上:

position:absolute即可。

→也就是說，想要被移動元素設了absolute後，哪個元素有設了relative,

就會以有relative的元素且最近的那個當基準點來移動。

5、如果你只想要讓某元素直接相對於自己上一層元素(父元素)來取得距離，

直接在你想要移動的元素上加上position:relative，再加設top、bottom、left、rigt等數值。

可參考一下:

article.asp?id=968

強烈建議購物網店或實體店家都必須使用關鍵字廣告or原生廣告來將Yahoo上與聯播網的廣大流量導至自己的網站!

●Yahoo關鍵字廣告/原生廣告
◆Yahoo廣告方案介紹 : https://goo.gl/5k8FHW
◆Yahoo廣告剖析與運用 : http://goo.gl/4xjUJD