让height: 100%生效

付伦发布于2019-04-23 13:11 / 1789人阅读

html：

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

css：

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

补充：（父元素不设高度，如何让子元素高度100%）

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

云服务器 GPU云服务器 height() height max-height min-height

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/1532.html

前端小知识--为什么你写的height:100%不起作用？

摘要：所以我们要同时设置这两者的，只设置其中一个是不行的关于居中的一点误解全部代码如上，可以看到设置了为没有居中，这是为什么呢，因为这时候的是相对于字体尺寸的所以直接作用于没有绝对高度的元素是不行的。为什么你写的height:100%不起作用？这个知识不算冷门的，但是用的时候可能还是会有些懵逼，不能生效时搜一搜就能找到答案了，但是你真的懂了吗？为什么想要设置一个全屏元素的时候，高度不受%...

CoderStudy 2019-08-29 14:10 评论0 收藏0
你可能不知道的一些css小知识

摘要：在此，特地列举一些里比较容被忽略的小知识，希望能对你有所帮助。椭圆的实现跟圆形的实现一样，这里也是用到属性，但是你可能不知道，是一个简写属性，可以单独为四个角分别设置水平和垂直半径，只要用到一个正斜杠即可。 css是一门功能强大、具备完整生态的复杂语言。它拥有很多的技巧，但是生活工作中我们可能不怎么会接触到，这包括一些实际上挺实用的技巧。在此，特地列举一些css里比较容被忽略的小知识...

刘厚水 2019-08-30 15:44 评论0 收藏0
[译] 关于两种视口（viewport）的故事：其一

摘要：它能给予一个关于你使用何种设备的正式结论，并且能通过获得。宽度两倍，高度两倍，总体四倍。视口的作用是限制元素，元素是所有网页块元素中最高一级的元素。视口并非一个结构，其不受控制。重点是上诉结论是在缩放的条件下成立的。原文地址：http://quirksmode.org/mobile/... 这篇小短文中，我将会介绍关于viewport与诸如html元素，window 对象，scree...

rose 2019-08-01 15:43 评论0 收藏0
CSS魔法堂：改变单选框颜色就这么吹毛求疵！

摘要：前言是否曾经被业务提出能改改这个单选框的颜色吧让它和主题颜色搭配一下吧，然后苦于原生不支持换颜色，最后被迫自己手撸一个凑合使用。设置为的样式行为特征单选框的行为特征，明显就是选中与否，及选中状态的改变事件，因此我们必须保持对外提供事件。前言是否曾经被业务提出能改改这个单选框的颜色吧！让它和主题颜色搭配一下吧！，然后苦于原生不支持换颜色，最后被迫自己手撸一个凑合使用。若抛开inpu...

freecode 2019-08-29 16:52 评论0 收藏0
这可能是实现登录框居中最简捷的方法

摘要：常见登录框很多情况下，网站的登录框，就像这样这样这样或者这样锤子科技总之，登录面板位于页面正中央，水平居中，竖直居中。并且随着浏览器窗口大小变化，始终居中方法一实现思路使用两个嵌套，外层的宽高设置为浏览器视窗大小，相对定位。常见登录框很多情况下，网站的登录框，就像这样 showImg(https://segmentfault.com/img/remote/1460000008644...

fai1017 2019-08-21 11:35 评论0 收藏0