五月综合缴情婷婷六月,色94色欧美sute亚洲线路二,日韩制服国产精品一区,色噜噜一区二区三区,香港三级午夜理伦三级三

您現(xiàn)在的位置: 365建站網(wǎng) > 365文章 > CSS中最小高度(min-height)的妙用

CSS中最小高度(min-height)的妙用

文章來源:365jz.com     點擊數(shù):380    更新時間:2009-01-07 22:25   參與評論

最小高度可以設定一個BOX的最小高度,當其內容較少時時,也能保持BOX的高度為一定,超出就自動向下延伸,但到目前為止,只有Opera 和 Mozilla 支持,IE7開始也支持了,但IE7處于測試階段,等正式版發(fā)布到普及需一段也許比較長的時間,除非MS把它捆綁在某個操作系統(tǒng)上,如何在現(xiàn)有基礎上(IE6 80-90%),合理、妙用最小高度了?

  假定有二個BOX,我們需要它的最小高度為150PX。

  CSS:

  div.box1,div.box2{
    width:300px;
    min-height:150px;
    background:#EEE;
    float:left;
    margin-right:20px;
    }

  xhtml:

<div>IE中沒保持最小高度為150px</div>
<div>最小高度可以設定一個BOX的最小高度,
當其內容較少時時,也能保持BOX的高度為一定</div>

  現(xiàn)在的效果,IE中沒保持最小高度為150px。解決的方法,為IE設定一個高度。

* html div.box1,* html div.box2{height: 150px;}

  你也可以采用CSS的屬性選擇符(Attribute Selectors)

div.box1,div.box2{......height:150px;}
/*IE靠這保持最小高度,超出就自動向下延伸*/
div[class].box1,div[class].box2{height:auto;} 
/*具有類選擇符(class)屬性的DIV對象*/

  IE自然又是不支持的啦,Opera 和 Mozilla 支持,讀取這個高度??蓱脠龊希核阉鳌⑽恼碌软撁妫]采用100%高度,當搜到的內容較少時,不至于頁面太短

本文作者:

如對本文有疑問,請?zhí)峤坏浇涣髡搲瑥V大熱心網(wǎng)友會為你解答?。?點擊進入論壇

發(fā)表評論 (380人查看,0條評論)
請自覺遵守互聯(lián)網(wǎng)相關的政策法規(guī),嚴禁發(fā)布色情、暴力、反動的言論。
昵稱:
最新評論
------分隔線----------------------------

其它欄目

· 建站教程
· 365學習

業(yè)務咨詢

· 技術支持
· 服務時間:9:00-18:00
365建站網(wǎng)二維碼

Powered by 365建站網(wǎng) RSS地圖 HTML地圖

copyright © 2013-2024 版權所有 鄂ICP備17013400號