<noframes id="xlzjj">
    <address id="xlzjj"></address>
    <form id="xlzjj"></form><em id="xlzjj"><span id="xlzjj"><span id="xlzjj"></span></span></em><address id="xlzjj"></address>

      <noframes id="xlzjj">
      <form id="xlzjj"><nobr id="xlzjj"><progress id="xlzjj"></progress></nobr></form>

      <address id="xlzjj"></address>
      <address id="xlzjj"><address id="xlzjj"><listing id="xlzjj"></listing></address></address>
      <em id="xlzjj"></em>

      div設置高度寬度滿屏100%

      作者: 健隆 分類: 前端 發布時間: 2019-07-03 16:30
      1.body里的內容不滿一屏時,body的高度滿屏;
      2.當內容超出屏幕高度時,內容的高度就是body的高度。
       
      方法一:沒有設置body的高度,內容不滿屏,但是背景色卻鋪滿整個屏幕,方法如下:
       
      html {} // html不設置背景色
      body { background: pink; }
       
       
      *注:可是為什么我們在寫項目的時候,卻并沒有達到這個效果,而是內容多高,body背景就是多高呢?
      細心發現,html設置了一個背景色。
      可是為什么html設置了背景色,body的滿屏背景色卻失效了呢?我猜測這可能是和瀏覽器的機制有關,瀏覽器會先找html有沒有背景色,如果沒有則往下查找body的,如果body有則取它來做底板的顏色。
       
      方法二:
       
      html, body { height: 100%; }
       
      *注:如果內容沒有超過屏幕的高度,是沒有任何問題, 但是當內容高度大于屏幕高度時,body的高度被寫死,高度和屏幕高度相等,并沒有滿足我們的需求;效果如圖:
       
       
      方法二:
       
      <style>
      html { height: 100%; overflow: auto; }
      body { min-height: 100%; }
      </style>
       
       
       
      在視覺上,這個方法是可以實現我們的需求的。
      可是細心的會發現,如果內容超過一屏幕,滾動條向下滾動的時候,html的高度只有一屏幕的高度
       
      方法三:
       
      html, body {
      height: 100%;
      overflow: auto;
      }
       
       
      可以實現,但是html,和body的高度是屏幕的高度
       

      如果覺得我的文章對您有用,請隨意打賞。您的支持將鼓勵我繼續創作!

      偷拍久久国产視频,AV一区二区国产剧情,国产剧情AV果冻传媒在线观看,国产网红k频道隔壁小姐姐,综合国产日韩亚洲欧美一区,爱豆传媒国产剧情免费观看,国产萝莉福利,国产网红主播剧情 2017欧美潮男头像| 91新人干进去了| 美国中文字幕快递事件| 国产偷拍野外在线观看| 最新国产主播百度网盘下载| 韩国陪睡女星| md1 pud 麻豆传媒官网app| 湖南麻豆传媒| 欧美头像重口味女生| 日本的缺点| 麻豆女演员张芸熙| 环卫工人纪实片中文字幕| 萌白酱高清vip在线播放| 思思99re视频在线精品| 果冻是哪个传媒公司的| 猥琐导弹中文字幕| 爱pr 社 视频在线播放| 国产配音A片在线视频| 女生和男生一起差差的动作| 日本不卡AV免费一区二区三区| 天仙tv 国产剧情| 欧美人肉大阴唇| 91新人大闸蟹私房裸体| 红高粱中文字幕| 91儿童视频在线观看免费| 国产最新福利在线电影| 中文字幕珍藏| 国产偷拍女生先锋影音| 欧美国产一区二区在线视频| 韩国日本哪个好玩| 欧美高清0| 国产 区一区二| 韩国最新消息今天| 麻豆传媒映画视频涉黄| 另类欧美图片视频| 麻豆传媒A新年贺岁档| 欧美大肥婆日B图| 麻豆传媒国产之光32部种子| 欧美动画电影推荐| 日本被揍| 国产小青蛙1全部视频直播| http://www.hennessy-blending-of-art.com http://www.dutchsoft-technology.com http://www.adacagdasemlak.net http://www.lascalakorea.com http://www.gl-os.com http://www.nnph.net