1. 相對定位會佔父階的高度
2. 絕對定位不佔父階的高度

• 相對定位會佔父階的高度，定位點也會由父階為原點做相對定位
• 絕對定位不佔父階的高度，定位點只受往上階找，所找到一樣是絕對定位的區快為原點，做相對定位
• 如果絕對定位需要以父階(非絕對定位)為原點做相對定位，則在這個絕對定位區塊其外再包一個相對定位區塊，且此外包的區快不要設高度，就可以達成不佔高度，又可以是相對定位。

本文由CADCH撰述。

Do you know much about CSS? Well ok, we admit you may know a lot about how to work with it and how to make your website look really stunning with various useful CSS features. But what we’re sure you don’t know about CSS is its major historical milestones as well as some facts related to CSS functionality. This infographic will also be interesting and useful for CSS beginners and will help them learn the very basics of this technology. And now please go ahead and see the CSS infographic itself. We will also be happy to know your thoughts about it in the comments. 本文與圖片引自模板怪客的部落格，我很高興看到CSS不斷的在衍進，以前總認為有一天網頁設計這一行也會沒落，不過這篇圖片讓我深深體會電腦網路是活的，它不斷在進步，CSS3或HTML5新功能的推出與支援，都是證明。

龍勝機械有限公司位於新竹縣湖口鄉，致力於CNC車床、銑床、車銑複合機及機械配件的銷售，還有各式中古機械的買賣，提供高精度和高效率的工具機給客戶。

當網頁中使用strong的標籤時，大部份的瀏覽器都會使用粗體顯示strong標籤裡包住的內容(所以很多人以為storng代表粗體)，這是不正確的，在未來的html5規範，粗體應該使用CSS來實現。 引用: 在此標籤中的內文代表是重要的，很有可能是整篇網頁的重點介紹。

購物型的網站最早出現在美國，因為東岸某些商品在西岸很南買到，透過購物車系統，網友可以向百公里外的商店下單。

網路上有文章敘述float 跟 margin同時使用時無法顯示的bug，其實並非因為margin標籤的關係！！ 在IE6中使用CSS float無法顯示的情況，在本質上是因為外層的div無足夠空間讓使用float標籤的區塊顯示。 我們遇到一特殊案例是同時使用position:absolute;跟float:left; 在此先聲明一點position跟float是不應該同時存在的，這個案例是使用jQuery plungin所產生的特例。 程式如下： <div id="A" style="width:100px;"> <div id="B" style="position:absolute;z-index:2;width:100px;"></div> <div id="C" style="position:absolute;z-index:3;float:left;width:100px;"></div> <div> 在IE6中C區塊不見了，解決方法是將A區塊加寬，使其夠同時容納B跟C區塊，在A區塊外層再加上一區塊，此區塊包覆住所有的區塊，並下overflow:hidden;讓版面整齊。 修正後如下： <div style="width:100px;overflow:hidden;"> <div id="A" style="width:200px;"> <div id="B" style="position:absolute;z-index:2;width:100px;"></div> <div id="C" style="position:absolute;z-index:3;float:left;width:100px;"></div> <div> </div>

本站使用<div>與CSS float標籤為構成要素，以下列出針對IE與FIREFOX兩種瀏覽器面臨的不同點的處理方式： 第一處置中的差異點： 以下原始碼： <div style="width:100%;text-align:center;"> <div id="AAA">內容</div> </div> 在IE中"AAA"區塊會置中，但是在FIREFOX瀏覽器中不會，需要在"AAA"的CSS內增加margin:auto; 第二處區塊高度認知的差異點： <div id="BBB"> <div style="float:left;">內容</div> </div> 在IE中會認知"BBB"區塊的高度相等於內容區塊的高度，但是在FIREFOX瀏覽器中認知CSS "float"標籤內物件的高度不算在父層的高度中，除非父層也使用到CSS "float"標籤，需要在"BBB"的CSS內增加height:值;不然在FIREFOX瀏覽器中認知"BBB"無高度。 若是"BBB"中有padding的CSS標籤，則不管IE或FIREFOX兩種瀏覽器，所顯示出來的高度會是"BBB"中"height"的值加上padding內的上邊界與下邊界的值。 第三處IE7跟FIREFOX針對列項符號的差異： 當前面行數有指定li list-style:inside;的話 後面出現 下面語法，在內容物是display:block時IE7跟FIREFOX顯示相同 li list-style:none outside; 下面語法，在內容物是display:block時IE7會距離左邊空一符號用的位置，而FIREFOX顯示距離左邊不會空一符號用的位置 li list-style:none; 並非FIREFOX預設list-style是outside;而是FIREFOX針對li list-style:none;時，符號是不佔用空間的。 第四處針對編碼的差異： 有時候我們會在JavaScript內寫上註解 利如下面兩種寫法 /* 註解文字 */ // 註解文字 這些註解通常在ANSI編碼下應該是不會影響到程式的運作 但是在IE6或是更早的瀏覽器會影響程式運作 所以如果我們是使用UTF-8編碼架站時，請把註解移除或是轉為UTF8編碼 如果網站使用Big5編碼，才使用ANSI編寫程式碼。 第五處針對列項符號邊界的差異： 在IE7中<ol>標籤預設list-style是outside且margin左邊一段距離； 但是在FireFox中預設margin左邊沒有距離； 距離的依據是以文字為基準點而非列項符號；

_root.DEMO.tween('_yscale', 200, 3, 'easeOutElastic');
DEMO為影片片段實體名稱
_yscale：y軸做形狀改變
可置換
1. _xscale
2. _x ：x軸位置
3. _y ：y軸位置
4. _alpha

200：值
包括座標、長寬、%

3：秒數
在3秒內將行為完成

easeOutElasti：彈動效果
可置換
strong
etc.
記得要在影格內寫入下面這段才會讀取這支外掛才能執行唷！
(建議第一格)
#include "lmc_tween.as"

非常實用呢!