Making a footer not rise above the bottom of the screen without extraneous markup

后端 未结 10 973
陌清茗
陌清茗 2021-02-01 09:06

If you only had to worry about Firefox and Webkit browsers, what CSS would you use to make the footer in the following HTML not rise above the bottom or the screen (and go lower

10条回答
  •  无人及你
    2021-02-01 09:33

    Given the requirements of no extra markup and not caring about IE (does work in IE8), I present this solution (which does require the use of a fixed height header). I did have to use float rather than display: inline-block as my Safari 4.0 did not display it with min-height for this solution:

       
    

    HTML is just:

    
        
        
    Article
    Aside

提交回复
热议问题