.clip{  
position:relative;  
height:130px;  
width:200px;  
border:solid1px#ccc;  
}  
.clipimg{  
position:absolute;  
clip:rect(30px165px100px30px);  
}  
 

#p#2、Min-height（演示）

min-height屬性允許你指定元素的最小高度，適用于需要平衡布局的情況。我將它用于Job面板上，以確保內(nèi)容區(qū)域高于側(cè)邊欄。

.with_minheight{  
min-height:550px;  
}  
 

IE6的Min-heighthack

注：神奇的IE6原生不支持min-height屬性，不過(guò)幸好有一個(gè)min-heighthack。

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

3、White-space（演示）

white-space屬性指定了元素中空白的處理方式。比如，指定white-space:nowrap會(huì)阻止文本自動(dòng)換行。

em{  
white-space:nowrap;  
}  
 

#p#4、Cursor（演示）

如果你改變了按鈕的行為，其指針也應(yīng)該隨之改變。比如，當(dāng)一個(gè)按鈕不可用時(shí)，指針應(yīng)該改變?yōu)槟J(rèn)的箭頭，來(lái)表明它不可點(diǎn)擊。因此，cursor屬性在開(kāi)發(fā)Web應(yīng)用程序時(shí)相當(dāng)有用。

.disabled{  
cursor:default;  
}  
 
.busy{  
cursor:wait;  
}  
 
.clickable:hover{  
cursor:pointer;  
}  

5、Displayinline/block（演示）

如果你不知道：塊級(jí)元素是作為獨(dú)立的一行來(lái)渲染的，而行內(nèi)元素是在同一行被渲染的。