假定有二個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 設計首頁的第一步是設計版面布局。就象傳統的報刊雜誌編輯一樣,我們將網頁看作一張報紙,一本雜誌來進行排版布局。雖...