題目描述:當內容不滿一屏時,底部內容始終位於顯示屏的底部;當內容超過一屏時,則位於內容底部。
示例**:
doctype html
>
<
html
>
<
head
>
<
meta
charset
="utf-8"
>
<
title
>footer始終居於底部
title
>
<
style
type
="text/css"
>
* body
html, body, .wrap
.wrap
.main
.footer
style
>
head
>
<
body
>
<
div
class
="wrap"
>
<
div
class
="main"
>
<
h1>內容部分
h1>
<
h1>內容部分
h1>
<
h1>內容部分
h1>
<
h1>內容部分
h1>
<
h1>內容部分
h1>
<
h1>內容部分
h1>
<
br />
<
h2>測試測試
h2>
<
h2>測試測試
h2>
<
h2>測試測試
h2>
<
h2>測試測試
h2>
<
h2>測試測試
h2>
<
h2>測試測試
h2>
<
br />
div>
div>
<
div
class
="footer"
>
<
h1>底部
h1>
div>
body
>
html
>
必須注意的是,需要把footer單獨拿出來。
讓底部始終在瀏覽器底部
當內容不足夠高時,使footer始終處於底部,其中一種方法 html div class div class content content div div class push div div footer class footer footer css樣式 footer,push.footer ...
css讓footer始終位於頁面的最底部
提出問題 怎麼讓footer定位在頁面底部,要求主體內容少的時候footer在視覺化視窗的最下方,主體內容非常多的時候 footer在主體內容的下面?嘗試解決 方法1.如果把footer直接放在主體內容後面,讓主體撐開把footer撐到下面去,主體內容多了可以,但是內容少了的話 footer撐不起來...
瀏覽器css差異
一 css選擇器差異 乙個css的ie和ff差異,popup container alert 在ie6下alert類只能作用於 popup container的子元素。ff下alert類可以作用於 popup container和其子元素。二 z index在ie中的迷惑 z index屬性適用於定...