主體高度不定,footer在最下面

2021-08-13 21:27:48 字數 730 閱讀 9655

需求:有時候,當頁面內容較短,撐不開瀏覽器高度,但是又希望footer能在視窗最低端

這裡提供三種解決方法,有兩種的思路是一樣的,結構也是一樣的

第一種

html

class="wrap">

class="main">

div>

div>

class="footer">

div>

css

/*第一種方法*/

* html, body, .wrap

.wrap

.main

.footer

效果圖就不看了,自己複製下來看就行了

第二種 flex布局

html

頭部header>

class="main-content">

實現p>

main>

底部footer>

body>

css

*

.main-content

header,footer

p

剛好以前也碰到過這種需求,但是當時也沒考慮很多,今天又被人問了一次這個東西,所以就了解一下咯

android 獲取各種窗體高度

一.獲取螢幕的寬高 取得視窗屬性 getwindowmanager getdefaultdisplay getmetrics dm 視窗的寬度 int screenwidth dm.widthpix els 視窗高度 int screenheight dm.heightpixels textview...

android字型高度,寬度計算方法

一.字型高度計算 經過實踐證明,該方法計算出來的字型高度,是實際高度的2倍 但是繪製字型的時候,並不是從 0,0 開始繪製的,而是從 0,height 開始繪製文字 如果你的文字是要豎直居中繪製的話 canvas.drawtext text,startx,this.getheight 2 getfo...

一種高度復合的C語言結構體高階應用

一種高度復合的結構體,結構體中有 union,union中又有結構 typedef struct packed 1 supercharger maccessrestrictiondata t tard mextard t textard godbpara t odbpara packed 1 req...