html固定浮動在底部div的實現效果

2021-06-27 05:17:53 字數 1152 閱讀 4098

這裡說說四種瀏覽器對 document.body 的 clientheight、offsetheight 和scrollheight的解釋,這裡說的是 document.body,如果是 html 控制項,則又有不同。

這四種瀏覽器分別為ie(internet explorer)、ns(netscape)、opera、ff(firefox)。

clientheight

大家對 clientheight 都沒有什麼異議,都認為是內容可視區域的高度,也就是說頁面瀏覽器中可以看到內容的這個區域的高度,一般是最後乙個工具條以下到狀態列以上的這個區域,與頁面內容無關。

offsetheight

ie、opera 認為 offsetheight = clientheight + 滾動條 + 邊框。

ns、ff 認為 offsetheight 是網頁內容實際高度,可以小於 clientheight。

offsetheight在新版本的ff和ie中是一樣的,表示網頁的高度,與滾動條無關

scrollheight

ie、opera 認為 scrollheight 是網頁內容實際高度,可以小於 clientheight。

ns、ff 認為 scrollheight 是網頁內容高度,不過最小值是 clientheight。

簡單地說

clientheight 就是透過瀏覽器看內容的這個區域高度。

ns、ff 認為 offsetheight 和 scrollheight 都是網頁內容高度,只不過當網頁內容高度小於等於 clientheight 時,scrollheight 的值是 clientheight,而 offsetheight 可以小於 clientheight。

ie、opera 認為clientheight 是可視區域 offsetheight 是滾動條加邊框。scrollheight 則是網頁內容實際高度。

同理clientwidth、offsetwidth 和 scrollwidth 的解釋與上面相同,只是把高度換成寬度即可。

說明以上基於 dtd html 4.01 transitional,如果是 dtd xhtml 1.0 transitional 則意義又會不同,在 xhtml 中這三個值都是同乙個值,都表示內容的實際高度。新版本的

關係公式:scrollheight = offsetheight+ scrolltop

固定轉浮動DIV

固定轉浮動div 類似 商品頁面中,商品詳情 累計評價的 導航條,最初在頁面內固定,之後隨著滾動條滾動導航條始終浮動在頁面頂部 頂部 返回頂部 滾動條滾動條滾動條 滾動條滾動條 滾動條滾動條 滾動條滾動條 滾動條滾動條 滾動條滾動條 滾動條滾動條 滾動條滾動條 滾動條滾動條 滾動條滾動條 固定div...

html中div的浮動問題

div css中float認識及css float用法,div css float浮動知識用法與float浮動教程篇 css樣式的float浮動屬性,用於設定標籤物件 如 標籤盒子 標籤 標籤 標籤等html標籤 的浮動布局,浮動也就是我們所說標籤物件浮動居左靠左 float left 和浮動居右靠...

怎樣使div中的文字在div的底部顯示實現樣式

如果你的div的高度是100px 那麼www.cppcns.com你應該把行高設定成程式設計客棧170左右 大約是div高度的二倍,具體的可以調,決定行高的主要原因是字型的大小 如果僅僅是這樣的話,那麼在ie6下就會出現div高度加倍的現象,解決的方法是在div的css樣式裡面程式設計客棧加上ove...