注意事項：
使用 Float 自適應寬度(其中一欄為變動寬度)
1. 變動寬度的 block 放在最後面，不加 float
2. 其他 block 看排版，加上 float:left 或 float:right
3. 當有兩個以上的 float:right ，第一個出現的 float:right 會排在最右邊
程式碼：
wbkuo 發表在 痞客邦 留言(0) 人氣(149)
安裝步驟
1. 安裝 ruby
http://rubyinstaller.org/downloads/
2. 安裝 sass
> gem install sass
記得要選自動加到 PATH 的選項，不然就要自己加環境變數了
3. 撰寫一個範例 (test.scss)
wbkuo 發表在 痞客邦 留言(0) 人氣(9)
以前在使用 float 做排版的時候，常要在最後一個 div 元素後再加上一個 div 做 clear:both
但是這種做法有點麻煩，而且一但忘記加的話，版面就亂了
但最近聽同事說，jquery 有 clearfix 的寫法，可以直接在容器上套用 class=clearfix
就會自動在最開始和結尾做好 clear 的動作
我研究了一下，clearfix 必須像以下這樣寫，少一個屬性都不行
wbkuo 發表在 痞客邦 留言(0) 人氣(837)
display:inline 的元件，在每個瀏灠器的高度計算不同
所以在寫樣版相關的區塊時，建議不要使用 display:inline 的寫法
wbkuo 發表在 痞客邦 留言(0) 人氣(22)
zoom:1 可以強迫 IE 把畫面重畫(放大一倍=不放大)
而且 zoom 為 IE 特有屬性
wbkuo 發表在 痞客邦 留言(0) 人氣(97)
僅限於單行文字，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
</div>
wbkuo 發表在 痞客邦 留言(0) 人氣(50)
http://www.joetsuihk.com/css_specificity_for_poker_players
wbkuo 發表在 痞客邦 留言(0) 人氣(296)
#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 */
}
wbkuo 發表在 痞客邦 留言(0) 人氣(56)
請參考： http://www.flycan.com.tw/board/modules/newbb/viewtopic.php?topic_id=27&forum=11
加上 style='margin:auto;'
在IE7要有 <!DOCTYPE HTML PUBLIC.....
wbkuo 發表在 痞客邦 留言(0) 人氣(323)
原文：http://ohmygoh.blogspot.com/2007/10/div-height-problem-in-ie.html 加上 font-size:0px 及 <!-- --> 如：<div style='font-size:0px; border-top: 1px solid #fc8; '><!-- --></div>
wbkuo 發表在 痞客邦 留言(0) 人氣(21)
程式設計 (22)