<legend id='z53ctw8t'><style id='bvzfbfv6'><dir id='pw6ichsj'><q id='2bytvrxh'></q></dir></style></legend>

      <i id='aw10l3uo'><tr id='4cctudbj'><dt id='zyjfpgko'><q id='a2mzzl2l'><span id='c87ovv8x'><b id='hyjoq1r3'><form id='6k8yqtav'><ins id='ygbpohf8'></ins><ul id='3ddw9hbr'></ul><sub id='5sdlyeqd'></sub></form><legend id='vi5iwdkc'></legend><bdo id='kbk7w8sf'><pre id='67t72tt1'><center id='u167140t'></center></pre></bdo></b><th id='nuyrqmg3'></th></span></q></dt></tr></i><div id='qaedjegm'><tfoot id='zymp6p7b'></tfoot><dl id='d39zwy4r'><fieldset id='5oh2arbo'></fieldset></dl></div>

      <small id='3jhv6r10'></small><noframes id='07lbsovt'>

        • <bdo id='184i7lsu'></bdo><ul id='1rpazjbp'></ul>
      1. <tfoot id='10mgopq5'></tfoot>
      2. 精准传达 • 价值共享

        洞悉互联网前沿资讯,探寻网站营销规律

        图片设置 height 高度 100%无效的解决方法

        作者: 庚午网络 | 2020-10-20 16:52 |点击:

        网站开发 网站建设 SEO 网站设计 网站首页 新网站 专业网站

        <tfoot id='om6f1y3r'></tfoot>

          • <bdo id='aqnmvhr7'></bdo><ul id='r7tuh4ee'></ul>
            <i id='pub2533r'><tr id='np8nqq2o'><dt id='j5wimdfv'><q id='1mcam0gw'><span id='c93ypkk0'><b id='avefk19i'><form id='ugmfmupy'><ins id='1kdzi668'></ins><ul id='hiigcojv'></ul><sub id='g4na15kl'></sub></form><legend id='3g2ojovc'></legend><bdo id='7zucg7ph'><pre id='rqi79d0q'><center id='btwz3ryd'></center></pre></bdo></b><th id='28zp1b77'></th></span></q></dt></tr></i><div id='tz18rga5'><tfoot id='boblh9a3'></tfoot><dl id='abxknt1y'><fieldset id='reljl1oh'></fieldset></dl></div>
            <legend id='qlfnjhja'><style id='0sq9van9'><dir id='fa9mmlsu'><q id='anv9alag'></q></dir></style></legend>
                <tbody id='ypd1u6ki'></tbody>

                1. <small id='2ngciroe'></small><noframes id='9nhr2ons'>

                  1、问题的发现:div设置height高度为100%却未生效


                  1. <head>
                        <meta charset="UTF-8">
                        <title>Title</title>
                        <style>
                            .contentDiv {
                                width: 100%;
                                height: 100%;
                                background-color: #cccccc;
                            }
                        </style>
                    </head>
                    <body>
                        <div class="contentDiv"></div>
                    </body>
                     


                  查看上面的代码,结构很简单,一个div,宽度和高度都设置100%,背景颜色设置了#ccc。

                  此时想象一下在浏览器中应该显示一个背景颜色为灰色的全屏的div,但是,结果并不是这样,反而,此时div的高度是0!!!
                   

                  2、问题的解决:

                  需要给html和body设置高度为100%,此时div设置高度100%才生效,代码如下
                   

                  1. <style>
                        html, body {
                            width: 100%;
                            height: 100%;
                        }
                        ......
                    </style>
                     

                  3、问题的原因:

                  给div设置高度为100%时,是相对于父节点(此时div的父节点是body)设置的,如果此时只设置body的高度为100%,结果发现body高度还是0!!!所以此时再要找到body的父节点(也就是html),也给它设置高度即可解决这个问题。

                  二度创作,如有侵权请联系删除。如没特殊注明,文章均为庚午网络原创,转载请注明https://www.hngengwu.com/wangzhanjianshezhishi/105.html
                  <i id='idthis4o'><tr id='b3vhfht2'><dt id='earc9pc2'><q id='cw8irx3e'><span id='m3jo9nrl'><b id='2w62uc92'><form id='w3lkn5b3'><ins id='bs6uk6kx'></ins><ul id='6bzacxzy'></ul><sub id='011k8nqu'></sub></form><legend id='4anvqyzu'></legend><bdo id='a51r7y5a'><pre id='td84yd0v'><center id='zuha2nk1'></center></pre></bdo></b><th id='2wi9vkqg'></th></span></q></dt></tr></i><div id='c1e2mlx2'><tfoot id='yehvbq76'></tfoot><dl id='89wh9muz'><fieldset id='mh1f2pmb'></fieldset></dl></div>

                    <tfoot id='6lcqii0o'></tfoot>
                    • <bdo id='227olvi3'></bdo><ul id='qr3ujkhw'></ul>
                    <legend id='t6acd5pk'><style id='7jur0oe7'><dir id='gpsv61wm'><q id='10aplmnj'></q></dir></style></legend>

                      <small id='zlp66i6j'></small><noframes id='vzbk2jw8'>

                      多一份策划方案,总有益处。

                      请直接添加技术总监微信联系咨询

                      网站设计 品牌营销

                      多一份参考,总有益处

                      联系庚午网络,获得专属《策划方案》及报价

                      咨询相关问题或预约面谈,可以通过以下方式与我们联系

                      业务热线:18574395938 / 大客户专线:18574395938