網(wǎng)站建設中div最小高度該怎么定義?
來(lái)源:昆明網(wǎng)站制作公司 日期:2010-09-06 閱讀: 發(fā)表評論
在做網(wǎng)站過(guò)程中,如果想給div定義一個(gè)最小高度,超過(guò)此高度就自動(dòng)伸長(cháng),該怎么做呢?其實(shí)很簡(jiǎn)單,用一些非常簡(jiǎn)單的css hack就能解決。
也許大家會(huì )想到minheight這個(gè)css屬性,但是我有個(gè)不幸的消息告訴你:ie6不支持該屬性,只有在>IE6的ie系列和火狐下才支持這個(gè)css屬性,有人會(huì )說(shuō)用js實(shí)現吧,哦,這已經(jīng)超出我們規定解決問(wèn)題辦法的范圍之內了,我們只能使用css的方法來(lái)解決。看看下面的方法吧,雖然無(wú)法通過(guò)W3C標準,但是在制作網(wǎng)站的過(guò)程中使用可以解決層的最小高度問(wèn)題。
比如給層加上最小高度為600像素的最小高度,如果內容高出600就自動(dòng)伸長(cháng),兼容ie6-9、火狐。
div{min-height: 600px; height: auto!important; height: 600px;}
實(shí)際上只使用了!important簡(jiǎn)單的hack就可以解決了,比使用js和expression()要很多。
發(fā)表評論評論列表(有 條評論)