長島冰茶的工程師筆記

注意事項：
使用 Float 自適應寬度(其中一欄為變動寬度)
1. 變動寬度的 block 放在最後面，不加 float
2. 其他 block 看排版，加上 float:left 或 float:right
3. 當有兩個以上的 float:right ，第一個出現的 float:right 會排在最右邊

安裝步驟
1. 安裝 ruby
   http://rubyinstaller.org/downloads/

2. 安裝 sass

以前在使用 float 做排版的時候，常要在最後一個 div 元素後再加上一個 div 做 clear:both
但是這種做法有點麻煩，而且一但忘記加的話，版面就亂了

但最近聽同事說，jquery 有 clearfix 的寫法，可以直接在容器上套用 class=clearfix
就會自動在最開始和結尾做好 clear 的動作

display:inline 的元件，在每個瀏灠器的高度計算不同
所以在寫樣版相關的區塊時，建議不要使用 display:inline 的寫法

zoom:1 可以強迫 IE 把畫面重畫(放大一倍=不放大)
而且 zoom 為 IE 特有屬性

僅限於單行文字，IE 似乎不行

<div style='height:400px; width:400px; border:1px solid #ccc'>
    <div style='width:0px; height:100%; display:inline-block; vertical-align:middle'></div>
    545454555555

#myelement
{
color: #999; /* shows in all browsers */
*color: #999; /* notice the * before the property - shows in IE7 and below */
_color: #999; /* notice the _ before the property - shows in IE6 and below */

原文：http://ohmygoh.blogspot.com/2007/10/div-height-problem-in-ie.html

加上

font-size:0px  及  <!-- -->