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

最小高度可以設定一個BOX的最小高度,當其內容較少時時,也能保持BOX的高度爲一定,超出就自動向下延伸,但到目前爲止,只有Opera 和 Mozilla 支持,IE7開始也支持了,但IE7處于測試階段,等正式版發布到普及需一段也許比較長的時間,除非MS把它捆綁在某個操作系統上,如何在現有基礎上(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>

現在的效果,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%高度,當搜到的內容較少時,不至于頁面太短。

CSS布局中最小高度(min-height)的妙用
最小高度可以設定一個BOX的最小高度,當其內容較少時時,也能保持BOX的高度爲一定,超出就自動向下延伸,但到目前爲止,只有Opera 和 Mozilla 支持,IE7開始也支持了,但IE7處于測試階段,等正式版發布到普及需一段也...查看完整版>>CSS布局中最小高度(min-height)的妙用
 
CSS:line-height
  line-height版本:CSS1  兼容性:IE4+ NS4+  繼承性:有  語法:  line-height : normal | length  取值:  normal :? 默認值。默認行高  length :? 百分比數字 | 由浮點數字和單位標識符組成的長...查看完整版>>CSS:line-height
 
CSS布局自適應高度解決方法
  原作者:Alex Robinson  原文標題:Equal Height Columns  這是一個比較典型的三行二列布局,每列高度(事先並不能確定哪列的高度)的相同,是每個設計師追求的目標,按一般的做法,大多采用背景圖填充、加JS腳...查看完整版>>CSS布局自適應高度解決方法
 
CSS布局自適應高度解決方法
原作者:Alex Robinson原文標題:Equal Height Columns這是一個比較典型的三行二列布局,每列高度(事先並不能確定哪列的高度)的相同,是每個設計師追求的目標,按一般的做法,大多采用背景圖填充、加JS腳本的方法使列...查看完整版>>CSS布局自適應高度解決方法
 
CSS布局中最小高度的妙用
最小高度可以設定一個BOX的最小高度,當其內容較少時時,也能保持BOX的高度爲一定,超出就自動向下延伸,但到目前爲止,只有Opera 和 Mozilla 支持,IE7開始也支持了,但IE7處于測試階段,等正式版發布到普及需一段也...查看完整版>>CSS布局中最小高度的妙用
 
COM+ 對象池以及數據庫連接池中 最小池大小 min pool size
ADO.NET 中引入了數據庫連接池的概念,其實默認我們在連接數據庫的時候已經用了數據庫連接池。比如SqlConnection conn = new SqlConnection();conn.ConnectionString = "Integrated Security=SSPI;Initial Catalog=p...查看完整版>>COM+ 對象池以及數據庫連接池中 最小池大小 min pool size
 
COM+ 對象池以及數據庫連接池中 最小池大小 min pool size
ADO.NET 中引入了數據庫連接池的概念,其實默認我們在連接數據庫的時候已經用了數據庫連接池。比如SqlConnection conn = new SqlConnection();conn.ConnectionString = "Integrated Security=SSPI;Initial Catalog=p...查看完整版>>COM+ 對象池以及數據庫連接池中 最小池大小 min pool size
 
CSS:IE6下CSS定義DIV高度的問題-css設計
IE6下默認的字體尺寸大致在 12 – 14px 之間,當你試圖定義一個高度小于這個默認值的 div 的時候, IE 會固執的認爲這個層的高度不應該小于字體的行高。所以即使你用 height:4px; 來定義了一個 div 的高度,實際在 I...查看完整版>>CSS:IE6下CSS定義DIV高度的問題-css設計
 
CSS實現未知高度圖文混合垂直居中
IE6,IE7,FF3測試通過CSS* { margin:0; padding:0; list-style:none; } #vertical_box { width:100%; display:table; border:1px red solid; height:400px; /*針對IE的hack*/ *position:relative; } #vertical_box_...查看完整版>>CSS實現未知高度圖文混合垂直居中
 
 
回到王朝網路移動版首頁