全屏显示 在IE7下body会有滚动条出现_html/css_WEB-ITnose
<!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;}感谢
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!
인기 기사
뜨거운 도구
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
뜨거운 주제
7698
15
1640
14
1393
52
1287
25
1229
29
Windows 11 검색에서 뉴스 및 인기 콘텐츠를 제거하는 방법
Oct 16, 2023 pm 08:13 PM
Windows 11에서 검색 필드를 클릭하면 검색 인터페이스가 자동으로 확장됩니다. 왼쪽에는 최근 프로그램 목록이 표시되고 오른쪽에는 웹 콘텐츠가 표시됩니다. Microsoft는 여기에 뉴스와 인기 콘텐츠를 표시합니다. 오늘의 확인에서는 Bing의 새로운 DALL-E3 이미지 생성 기능, "Bing과 함께 드래곤 채팅" 제안, 드래곤에 대한 추가 정보, 웹 섹션의 주요 뉴스, 게임 추천 및 인기 검색 섹션을 홍보합니다. 전체 항목 목록은 컴퓨터에서의 활동과 별개입니다. 일부 사용자는 뉴스를 볼 수 있는 기능을 높이 평가할 수도 있지만 이 모든 것은 다른 곳에서도 풍부하게 제공됩니다. 다른 사람들은 이를 직간접적으로 판촉이나 광고로 분류할 수도 있습니다. Microsoft는 자체 콘텐츠를 홍보하기 위해 인터페이스를 사용합니다.
Microsoft, Windows 11의 Fluent 스크롤바를 Chrome에 도입
Apr 14, 2023 am 10:52 AM
Windows 10과 달리 Windows 11에는 사용자가 상호 작용할 때 모양이 바뀌는 새로운 최신 "유체 스크롤 막대"가 있습니다. Fluent 스크롤 막대는 본질적으로 동적이며 다양한 폼 팩터에서 또는 창 크기를 변경할 때 자동으로 크기가 조정되며 현재 설정, 미디어 플레이어 등과 같은 앱에서 사용됩니다. Microsoft의 새로운 제안에 따르면 Chrome에는 곧 부드러운 스크롤바 기능이 포함될 예정입니다. Microsoft는 Chrome의 오래된 스크롤 막대를 현대화하겠다는 제안을 통해 밝혔습니다.
iOS 17의 대기 모드는 충전 중인 iPhone을 홈 허브로 바꿔줍니다.
Jun 06, 2023 am 08:20 AM
iOS 17에서 Apple은 iPhone을 가로 방향으로 충전하도록 설계된 새로운 디스플레이 환경인 대기 모드를 선보입니다. 이 위치에서 iPhone은 일련의 전체 화면 위젯을 표시하여 유용한 홈 허브로 전환할 수 있습니다. 대기 모드는 iOS 17을 실행하는 iPhone을 충전기에 수평으로 올려놓으면 자동으로 활성화됩니다. 시간, 날씨, 달력, 음악 컨트롤, 사진 등을 볼 수 있습니다. 사용 가능한 대기 옵션을 왼쪽이나 오른쪽으로 스와이프한 다음 길게 누르거나 위/아래로 스와이프하여 사용자 정의할 수 있습니다. 예를 들어 아날로그 보기, 디지털 보기, 버블폰트, 일광 보기 중에서 선택할 수 있는데, 시간이 지남에 따라 배경색이 변합니다. 몇 가지 옵션이 있습니다.
Windows 11 사용자 가이드: 광고 팝업을 비활성화하는 방법
Sep 22, 2023 pm 07:21 PM
Microsoft의 Windows 11 운영 체제는 알림 시스템을 사용하여 주기적으로 제안 사항을 컴퓨터에 팝업으로 표시할 수 있습니다. 원래 사용자에게 Windows 11 워크플로 개선을 위한 팁과 제안을 제공하기 위해 설계된 제안 시스템은 Microsoft 서비스 및 제품을 홍보하기 위한 광고 시스템으로 거의 완전히 변형되었습니다. 제안 팝업은 사용자에게 Microsoft 365 구독을 광고하거나 Android 휴대폰을 장치에 연결하도록 제안하거나 백업 솔루션을 설정할 수 있습니다. 이러한 팝업이 귀찮다면 시스템을 조정하여 팝업을 완전히 비활성화할 수 있습니다. 다음 가이드에서는 Microsoft의 Windows 11 운영 체제를 실행하는 장치에서 팝업을 비활성화하는 방법에 대한 권장 사항을 제공합니다.
데스크탑 레이아웃이 잠기는 이유와 해결 방법
Feb 19, 2024 pm 06:08 PM
데스크탑 레이아웃이 잠겨 있으면 어떻게 됩니까? 컴퓨터를 사용할 때 데스크탑 레이아웃이 잠기는 상황이 발생할 수 있습니다. 이 문제는 데스크탑 아이콘의 위치를 자유롭게 조정하거나 데스크탑 배경을 변경할 수 없음을 의미합니다. 그렇다면 데스크탑 레이아웃이 잠겨 있다는 메시지가 나타나면 정확히 무슨 일이 일어나고 있는 걸까요? 1. 데스크탑 레이아웃 및 잠금 기능 이해 먼저 데스크탑 레이아웃과 데스크탑 잠금의 두 가지 개념을 이해해야 합니다. 데스크탑 레이아웃이란 바로가기, 폴더, 위젯 등 데스크탑의 다양한 요소를 배열하는 것을 말합니다. 우리는 자유로울 수 있어
반응에서 스크롤 막대 스크롤을 숨기는 방법
Dec 21, 2022 pm 03:38 PM
반응에서 스크롤 막대 스크롤을 숨기는 방법: 1. 해당 "react-native" 파일을 엽니다. 2. 가로 스크롤을 가로로 설정합니다. 3. "showsHorizontalScrollIndicator" 값을 "false"로 설정하여 가로 스크롤 막대를 숨깁니다.
Windows 11에서 실시간 캡션을 즉시 켜는 방법
Jun 27, 2023 am 08:33 AM
Windows 11에서 실시간 자막을 즉시 켜는 방법 1. 키보드에서 Ctrl+L을 누릅니다. 2. 동의를 클릭합니다. 3. 영어(미국)로 자막을 추가할 준비가 되었다는 팝업이 나타납니다(기본 언어에 따라 다름) 4. 추가로, 톱니바퀴 버튼을 클릭하면 욕설을 필터링할 수 있나요? 선호? 필터링 욕 관련 기사 Windows Server에서 활성화 오류 코드 0xc004f069를 수정하는 방법 Windows의 활성화 프로세스가 갑자기 바뀌어 이 오류 코드 0xc004f069가 포함된 오류 메시지를 표시하는 경우가 있습니다. 활성화 프로세스가 온라인으로 진행되더라도 Windows Server를 실행하는 일부 이전 시스템에서 이 문제가 발생할 수 있습니다. 이러한 예비 점검을 통과하고, 점검에 통과하지 못한 경우
Mac 시스템에서 스크롤 막대가 항상 표시되도록 설정하는 방법 - 스크롤 막대가 항상 표시되도록 설정하는 방법
Mar 18, 2024 pm 06:22 PM
최근 일부 친구가 Mac 시스템의 스크롤 막대를 항상 표시하도록 설정하는 방법에 대해 편집자에게 문의했습니다. 다음은 Mac 시스템의 스크롤 막대가 항상 표시되도록 설정하는 방법을 알려드립니다. . 1단계: 시스템 시작 메뉴에서 [시스템 환경설정] 옵션을 선택합니다. 3단계: 시스템 환경설정 페이지에서 [일반] 옵션을 선택하세요. 3단계: 일반 페이지에서 [항상]을 선택하면 스크롤바가 표시됩니다.
