CSS網頁布局中的最小高度問題的解決方法

2022-09-25 13:06:09 字數 1851 閱讀 8796

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

css

複製**

**如下:

div.box1,div.box2

xhtml

ie中沒保持最小高度為150px

;最小高度可以設定乙個box的最小高度,

當其內容較少時時,也能保持box的高度為一定

最小高度可以設定乙個box的最小高度,

當其內容較少時時,也能保持box的高度為一定

現在的效果,ie中沒保持最小高度為150px。

**:

複製**

**如下:

br />"">

程式設計客棧ame="keywords" content="最小高度,min-height,css hack" />

容較少時時,也能保持box的高度為一定ext)" />

www.cppcns.com" content="" />

css布局中最小高度(min-height)

ie中沒保持最小高度為150px

最小高度可以設定乙個box的最小高度,

當其內容較少時時,也能保持box的高度為一定最小高度可以設定乙個box的最小高度

, 當其內容較少時時,也能保持box的高度為一定最小高度可以設定乙個box的最小高度

, 當其內容較少時時,也能保持box的高度為一定最小高度可以設定乙個box的最小高度

, 當其內容較少時時,也能保持box的高度為一定最小高度可以設定乙個box的最小高度

, 當其內容較少時時,也能保持box的高度為一定最小高度可以設定乙個box的最小高度

, 當其內容較少時時,也能保持box的高度為一定

解決的方法:

為ie設定乙個高度

* html div.box1,* html div.box2

wellstyled.com 的解決方法是採用 css 的屬性選擇符

(attribute selectors)

div.box1,div.box2

/* ie靠這保持最小高度,超出就自動向下延伸 */

div[class].box1,div[class].box2

/* 具有類選擇符(class)屬性的div物件 */

可應用場合:搜尋、文章等頁面(沒採用100%高度,當搜到的內容較少時,不至於頁面太短.....

最終效果:

複製**

**如下:

br />"">

容較少時時,也能保持box的高度為一定" /&程式設計客棧gt;

程式設計客棧/>

css布局中最小高度(min-height)

ie中保持最小高度為150px

最小高度可以設定乙個box的最小高度,

當其內容較少時時,也能保持box的高度為一定最小高度可以設定乙個box的最小高度

, 當其內容較少時時,也能保持box的高度為一定最小高度可以設定乙個box的最小高度

, 當其內容較少時時,也能保持box的高度為一定最小高度可以設定乙個box的最小高度

, 當其內容較少時時,也能保持box的高度為一定最小高度可以設定乙個box的最小高度

, 當其內容較少時時,也能保持box的高度為一定最小高度可以設定乙個box的最小高度

, 當其內容較少時時,也能保持box的高度為一定

ie7、ie8、火狐都支援的很好,但ie6不支援,導致當沒有內容的時候,ie6的會癟下去,所以要專門針對ie6寫個屬性,那就是_height屬性,這樣問題就輕鬆解決了,所有的瀏覽器都相容了。

本文標題: css網頁布局中的最小高度問題的解決方法

本文位址: /web/css/30182.html

CSS網頁布局困擾新手的問題

css網頁布局,說難,其實很簡單。說它容易,往往有很多問題困擾著新手,在jb51.net中介紹了非常多的技巧,這些小技巧與知識能事半功倍的給大家以幫助。然而更多的時候,我們往往被一些小問題纏著不能輕鬆。css網頁布局,說難,其實很簡單。說它容易,往往有很多問題困擾著新手,在jb51.net中介紹了非...

CSS布局中的問題

1.高度自適應的問題 1.乙個元素是否可以使用百分比顯示,取決於它的父級元素,所以如果需要給此元素設定100 那麼需要先給父元素設定高100 2.一級元素的父元素是body,所以如果我們想讓高度100 的話,那就給body設定高100 但是又因為body的父元素是html,所以我們同時也要給html...

簡單的CSS網頁布局

一列布局小案例 重點 margin 0 auto 上下0px,左右auto自適應,能讓div居中 body 清除預設樣式 兩列布局小案例 三列布局 左右各設定絕對定位 中間自適應 left 設計首頁的第一步是設計版面布局。就象傳統的報刊雜誌編輯一樣,我們將網頁看作一張報紙,一本雜誌來進行排版布局。雖...