讓height: 100%生效

付倫發(fā)布于2019-04-23 13:11 / 1897人閱讀

html：

<body>
    <div class="box">div>
body>

css：

.box{
    position: fixed;// 使用fixed定位
    width: 100%;
    height: 100%;
    background: orange;
  }

?補(bǔ)充：（父元素不設(shè)高度，如何讓子元素高度100%）

https://www.cnblogs.com/mmykdbc/p/9582586.html

云服務(wù)器 GPU云服務(wù)器 height() height max-height min-height

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/1532.html

相關(guān)文章

前端小知識(shí)--為什么你寫的height:100%不起作用？

摘要：所以我們要同時(shí)設(shè)置這兩者的，只設(shè)置其中一個(gè)是不行的關(guān)于居中的一點(diǎn)誤解全部代碼如上，可以看到設(shè)置了為沒(méi)有居中，這是為什么呢，因?yàn)檫@時(shí)候的是相對(duì)于字體尺寸的所以直接作用于沒(méi)有絕對(duì)高度的元素是不行的。為什么你寫的height:100%不起作用？這個(gè)知識(shí)不算冷門的，但是用的時(shí)候可能還是會(huì)有些懵逼，不能生效時(shí)搜一搜就能找到答案了，但是你真的懂了嗎？為什么想要設(shè)置一個(gè)全屏元素的時(shí)候，高度不受%...

CoderStudy 2019-08-29 14:10 評(píng)論0 收藏0
你可能不知道的一些css小知識(shí)

摘要：在此，特地列舉一些里比較容被忽略的小知識(shí)，希望能對(duì)你有所幫助。橢圓的實(shí)現(xiàn)跟圓形的實(shí)現(xiàn)一樣，這里也是用到屬性，但是你可能不知道，是一個(gè)簡(jiǎn)寫屬性，可以單獨(dú)為四個(gè)角分別設(shè)置水平和垂直半徑，只要用到一個(gè)正斜杠即可。 css是一門功能強(qiáng)大、具備完整生態(tài)的復(fù)雜語(yǔ)言。它擁有很多的技巧，但是生活工作中我們可能不怎么會(huì)接觸到，這包括一些實(shí)際上挺實(shí)用的技巧。在此，特地列舉一些css里比較容被忽略的小知識(shí)...

劉厚水 2019-08-30 15:44 評(píng)論0 收藏0
[譯] 關(guān)于兩種視口（viewport）的故事：其一

摘要：它能給予一個(gè)關(guān)于你使用何種設(shè)備的正式結(jié)論，并且能通過(guò)獲得。寬度兩倍，高度兩倍，總體四倍。視口的作用是限制元素，元素是所有網(wǎng)頁(yè)塊元素中最高一級(jí)的元素。視口并非一個(gè)結(jié)構(gòu)，其不受控制。重點(diǎn)是上訴結(jié)論是在縮放的條件下成立的。原文地址：http://quirksmode.org/mobile/... 這篇小短文中，我將會(huì)介紹關(guān)于viewport與諸如html元素，window 對(duì)象，scree...

rose 2019-08-01 15:43 評(píng)論0 收藏0
CSS魔法堂：改變單選框顏色就這么吹毛求疵！

摘要：前言是否曾經(jīng)被業(yè)務(wù)提出能改改這個(gè)單選框的顏色吧讓它和主題顏色搭配一下吧，然后苦于原生不支持換顏色，最后被迫自己手?jǐn)]一個(gè)湊合使用。設(shè)置為的樣式行為特征單選框的行為特征，明顯就是選中與否，及選中狀態(tài)的改變事件，因此我們必須保持對(duì)外提供事件。前言 ?是否曾經(jīng)被業(yè)務(wù)提出能改改這個(gè)單選框的顏色吧！讓它和主題顏色搭配一下吧！，然后苦于原生不支持換顏色，最后被迫自己手?jǐn)]一個(gè)湊合使用。若拋開inpu...

freecode 2019-08-29 16:52 評(píng)論0 收藏0
這可能是實(shí)現(xiàn)登錄框居中最簡(jiǎn)捷的方法

摘要：常見(jiàn)登錄框很多情況下，網(wǎng)站的登錄框，就像這樣這樣這樣或者這樣錘子科技總之，登錄面板位于頁(yè)面正中央，水平居中，豎直居中。并且隨著瀏覽器窗口大小變化，始終居中方法一實(shí)現(xiàn)思路使用兩個(gè)嵌套，外層的寬高設(shè)置為瀏覽器視窗大小，相對(duì)定位。常見(jiàn)登錄框很多情況下，網(wǎng)站的登錄框，就像這樣 showImg(https://segmentfault.com/img/remote/1460000008644...

fai1017 2019-08-21 11:35 評(píng)論0 收藏0