六、Min-Height
有時，一個網站的設計或布局結構需要一個有固定高度的內容區域，否則特定的視覺效果就會丟掉。這可能會因為一個漸變背景、一個獨特的下拉列表、或者可能是因為PS出來的很酷的發光效果。但是有的時候，頁面中的內容會比較多，而頁面卻不能像預期那樣展開。
這個時候就需要用到min-height屬性了，因為它可以告訴浏覽器在一個特定的塊級元素上渲染最小的高度，不管內容的實際高度是否達到了這個最小高度。然後呢，如果內容超出了最小高度，該元素就會適度的擴展開。
使用min-height唯一需要注意到的是它在IE6中不被支持。我們都知道IE6在（緩慢的）退出歷史舞台，但是有的客戶可能仍然要求他們的網站支持這個該死的浏覽器。
不過令人高興的是，IE6渲染height的值的方法正好和其它浏覽器渲染“min-height”的方式一樣，所以你只需要一個針對IE6的hack或獨立的樣式表來為該元素添加特定的height，這個問題就解決了。
IE6同樣無視min-width、max-height和max-width，但是上述方法在這些屬性上也是可行的。
七、:hover
從技術上來說，:hover只是一個偽類，但是它在IE6中不被支持（IE7和IE8支持）。:hover偽類允許你在元素上添加任何的鼠標經過樣式。這非常有用，可以避免(至少在某種程度上)使用JavaScript。
但是如果你的網站，需要完全支持IE6，特別是在中國這種IE6一手遮天的情況下，那麼你就必須考慮取消使用這個偽類，除非相關的標簽有個”href”屬性，比如標簽。而且如果要實現這種效果，可能必須借助於Javascript和額外的樣式。
八、Display
Display通常被設置為這三個值中的一個：block、inline和none。“得益於”IE，Display的其它值很少被用到。這些值包括inline-block、table、inline-table和table-cell等，這些屬性對於解決一些特殊的布局問題時，是很有用的。
所以，盡管IE確實支持Display的這三個基本屬性，但是它基本上不支持其它屬性。
其實，IE8對display的屬性支持已經相當完整了。不過，對於inline-block屬性，IE6/7只支持本身為inline的元素。
九.Clip
這是一個在特殊情況下能派上用場的很有趣的CSS屬性。它可能和不可預知的、動態生成的內容結合起來。簡單來說，這個屬性允許你在一個特定的元素上指定隱藏區域——也可以理解為，在一個絕對定位的元素中，按照一定的設置來裁剪該元素的顯示區域，超出該區域的內容會被隱藏掉。語法看起來像這樣的：
ExampleSourceCode
- div.clipped{
- padding:20px;
- width:400px;
- height:400px;
- clip:rect(20px,300px,200px,100px);
- position:absolute;
- }
修剪只能用於一個絕對定位的元素，而且只用使用矩形區域。括號內的數字劃出的區域(200px*180px大小)為可見區域，該區域以外的內容不可見或者被剪切掉。
技術上來講，clip屬性被IE支持，但是只支持無逗號的語法，比如
ExampleSourceCode
- div.clipped{
- padding:20px;
- width:400px;
- height:400px;
- clip:rect(20px300px200px100px);
- position:absolute;
- }
上面的樣式（rect後面括號裡的屬性沒有用逗號隔開）在大多數浏覽器下都可運行，但是可能不會通過CSS驗證，因為語句沒有用逗號隔開。
十、:focus
這是另外一個偽類需要在這裡被提及的，因為所有的非IE浏覽器，都支持這個屬性。:focus偽類允許你聲明一個特別的樣式，當一個頁面元素成為鍵盤(鼠標)焦點的時候，將該樣式動態的應用到該元素上。這在表單元素上非常有用，因為你可以在一個輸入框被選中的時候給它添加一個邊框。
下面的樣式將在輸入框成為鍵盤焦點的時候添加一個紅色的邊框：
ExampleSourceCode
- input:focus{
- border:1pxsolid#f00;
- }
文章來源:Div-CSS.net設計網參考:http://www.div-CSS.Net/div_CSS/topic/index.ASP?id=6840