---

這篇文章講5個有用的CSS屬性 ，你應該很熟悉，但很可能會很少使用，我不是在談論新的CSS3屬性。我講的是老的CSS2中的屬性 ，例如：clip ，min-height ，white-space ，cursor ，和display被所有的瀏覽器所支持。所以，不要錯過這篇文章， 因為你可能會驚訝他們是多么有用。

1. CSS Clip

clip 屬性就像一個面具，允許你遮蓋一個矩形框下面的內容。要剪輯一個元素，你必須指定position ，以absolute 。然后，指定它的top ， right ， bottom ，和left的值。

實例　

下面的示例演示如何使用掩碼圖像剪輯屬性。 首先，指定《div》元素position： relative 。 下一步，指定《img》元素position： absolute和矩形容器；

.clip { position： relative; height： 130px; width： 200px; border： solid 1px #ccc; } .clip img { position： absolute; clip： rect; }

圖像調整和剪輯Image Resize and Clip

在這個例子中，我將告訴你如何調整和剪輯圖像。 我的原圖像是矩形格式。我想把它按比例縮放50%并從中截取一個方框作為縮略圖，所以，我用width和height屬性來調整圖像和遮蓋層。 然后，我用left屬性將圖像向左離開15px。

.gallery li { float： left; margin： 0 10px 0 0; position： relative; width： 70px; height： 70px; border： solid 1px #000; } .gallery img { width： 100px; height： 70px; position： absolute; clip： rect; left： -15px; }

２．Min-height

min-height屬性允許您指定一個元素的最小高度。當你想平衡布局的時候，這個是很有用的。我把它用在我的職位公告欄，確保內容板塊總是高于側欄的高度；

.with_minheight { min-height： 550px; }

IE6 Min-height HACK

注意：IE6不支持Min-height，但是這里有一個HACK

.with_minheight { min-height:550px; height:auto ！important; height:550px; }

感謝 的投稿