目錄
回复讨论(解决方案)
首頁 web前端 html教學 全屏显示 在IE7下body会有滚动条出现_html/css_WEB-ITnose

全屏显示 在IE7下body会有滚动条出现_html/css_WEB-ITnose

Jun 24, 2016 pm 12:03 PM
body 顯示 捲軸

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>demo-非全屏-使用box-sizing:content-box</title><style>*{padding:0;margin:0;border:none;}body{width:100%;height:100%;overflow:hidden;}.pr{position:relative;}.pa{position:absolute;}.pf{position:fixed;}.of-h{overflow:hidden;}.of-a{overflow:auto;}.of-s{overflow:scroll;}.wrap{width:100%;height:100%;}.header{width:100%;height:100px;background:#ccc;z-index:1;}.content{width:100%;height:auto;top:100px;bottom:100px;background:#03C;z-index:0;}.footer{bottom:0;width:100%;height:100px;background:#ccc;z-index:1;}</style></head><body class="pa"><div class="wrap pr" style="width:90%;margin:0 auto;">    	<div class="header pa of-h">header 高度100px z-index:1</div>    	<div class="content pa of-a">        	<div>content z-index:0<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />...<br />content z-index:0<br /></div>        </div>    	<div class="footer pa of-h">footer 高度100px z-index:1</div></div></body></html>
登入後複製


大伙看看哪里出问题了,是代码问题还是ie7就是这样子的?


回复讨论(解决方案)

给html添加同样的样式

html,body{width:100%;height:100%;overflow:hidden;}
登入後複製
登入後複製

给html添加同样的样式

html,body{width:100%;height:100%;overflow:hidden;}
登入後複製
登入後複製


感谢
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.聊天命令以及如何使用它們
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

刪除 Windows 11 搜尋中的新聞和趨勢內容的方法 刪除 Windows 11 搜尋中的新聞和趨勢內容的方法 Oct 16, 2023 pm 08:13 PM

當您按一下Windows11中的搜尋欄位時,搜尋介面會自動展開。它在左側顯示最近程式的列表,在右側顯示Web內容。 Microsoft在那裡顯示新聞和趨勢內容。今天的支票宣傳了必應新的DALL-E3圖像生成功能、「與必應聊天龍」的提議、有關龍的更多資訊、來自網路部分的熱門新聞、遊戲建議和趨勢搜尋部分。整個項目清單與您在電腦上的活動無關。雖然一些用戶可能會喜歡查看新聞的能力,但所有這些都可以在其他地方大量獲得。其他人可能會直接或間接將其歸類為促銷甚至廣告。 Microsoft使用介面來推廣自己的內容,

微軟將 Windows 11 的 Fluent 捲軸引入 Google Chrome 微軟將 Windows 11 的 Fluent 捲軸引入 Google Chrome Apr 14, 2023 am 10:52 AM

與 Windows 10 不同,Windows 11 具有新的現代“流暢捲軸”,當使用者與之互動時會改變形狀。 Fluent 捲軸本質上是動態的,它們會在不同的外形尺寸或當您更改視窗大小時自動縮放,並且它目前在設定、媒體播放器等應用程式中使用。根據微軟的一項新提議,Google瀏覽器可能很快就會擁有流暢的捲軸功能。微軟在一份提案中表示,他們希望對 Chrome 中的舊捲軸進行現代化

iOS 17 的待機模式將正在充電的 iPhone 變成家庭集線器 iOS 17 的待機模式將正在充電的 iPhone 變成家庭集線器 Jun 06, 2023 am 08:20 AM

iOS17中的Apple正在引入待機模式,這是一種新的顯示體驗,專為水平方向的充電iPhone而設計。處於這個位置的iPhone能夠顯示一系列全螢幕小部件,將其變成一個有用的家庭中心。待機模式會在水平放置在充電器上執行iOS17的iPhone上自動啟動。您可以查看時間、天氣、日曆、音樂控制、照片等資訊。您可以透過可用的待機選項向左或向右滑動,然後長按或向上/向下滑動以進行自訂。例如,隨著時間的流逝,您可以從類比視圖、數位視圖、氣泡字體和日光視圖中進行選擇,其中背景顏色會根據時間而變化。有一些選項

Windows 11使用者指南:如何停用廣告彈窗 Windows 11使用者指南:如何停用廣告彈窗 Sep 22, 2023 pm 07:21 PM

Microsoft的Windows11作業系統可能會使用通知系統的電腦上定期將建議顯示為彈出視窗。建議系統最初旨在為使用者提供有關改善Windows11工作流程的提示和建議,現在幾乎完全轉變為推廣Microsoft服務和產品的廣告系統。建議的彈出視窗可能會向用戶宣傳Microsoft365訂閱,建議將Android手機連結到設備,或設定備份解決方案。如果這些彈出視窗惹惱了您,您可以調整系統以完全停用它們。以下指南提供了有關在運行Microosft的Windows11作業系統的裝置上停用彈出建議的

react怎麼隱藏捲軸滾動 react怎麼隱藏捲軸滾動 Dec 21, 2022 pm 03:38 PM

react隱藏滾動條滾動的方法:1、開啟對應的「react-native」檔案;2、透過horizo​​ntal設定水平滾動;3、透過設定「showsHorizo​​ntalScrollIndicator」的值為「false」來隱藏水平捲軸即可。

桌面佈局已鎖定的原因及解決方法 桌面佈局已鎖定的原因及解決方法 Feb 19, 2024 pm 06:08 PM

顯示桌面佈局已鎖定是怎麼回事在使用電腦的過程中,有時我們可能會遇到顯示桌面佈局已鎖定的情況。這個問題意味著我們無法自由地調整桌面圖示的位置或改變桌面背景等操作。那麼,顯示桌面佈局已鎖定到底是怎麼回事?一、理解桌面佈局和鎖定功能首先,我們需要了解桌面佈局和桌面鎖定這兩個概念。桌面佈局是指桌面上各元素的排列方式,包括捷徑、資料夾和小工具等。我們可以自由

如何在 Windows 11 中立即開啟即時字幕 如何在 Windows 11 中立即開啟即時字幕 Jun 27, 2023 am 08:33 AM

如何在Windows11中立即開啟即時字幕1.在鍵盤上預贏+按Ctrl+L2.點擊同意3.將顯示一個彈出窗口,顯示準備以英語(美國)添加字幕(取決於您的首選語言)4.此外,您還可以透過點擊齒輪按鈕來過濾褻瀆?偏好?過濾髒話相關文章如何修復Windows伺服器中的啟動錯誤代碼0xc004f069Windows上的啟動過程有時會突然轉向顯示包含此錯誤代碼0xc004f069的錯誤訊息。雖然啟動程序已經聯機,但一些運行WindowsServer的舊系統可能會遇到此問題。透過這些初步檢查,如果這些檢查不

Mac系統捲軸怎麼設定始終顯示-捲軸設定始終顯示的方法 Mac系統捲軸怎麼設定始終顯示-捲軸設定始終顯示的方法 Mar 18, 2024 pm 06:22 PM

近日有一些小夥伴諮詢小編Mac系統滾動條怎麼設定始終顯示?下面就為大家帶來了Mac系統滾動條設定始終顯示的方法,有需要的小伙伴可以來了解了解哦。第一步:在系統開始選單,選擇【系統偏好設定】選項。第三步:在系統偏好設定頁面,選擇【通用】選項。第三步:在通用頁面,選擇【始終】顯示捲軸。

See all articles