bodyhtml视口三合一
Posted 编程猿
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了bodyhtml视口三合一相关的知识，希望对你有一定的参考价值。
如果想让body、html和视口三合一，要让高度一层一层继承下来。
pc端下
高度自适应下，PC中html、body设置高是100%，则html、body的height为可视窗口的高，它两个的高度随可视窗口高度变化而变化。
如果不设置100%，高度是内容高度和视窗高度较大的一个。
移动端下
移动端下html、body设置高为100%，则高为设备的高度也就是移动设备的视口高为定值。
如果不设置100%，高度是内容高度和视窗高度较大的一个。
存在的BUG：
可能高度由内容高决定，在弹性布局时会导致overflow:scroll设置滚动条失效，因为高度是内容高度，永远不会超出从而形成滚动条。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
html{
margin:30px;
border:1px solid red;
height: 100%;
}
body{
margin:30px;
border:1px solid black;
height: 100%;
}
</style>
</head>
<body>
<div style="height: 1000px;" >
</div>
</body>
</html>
一、文件系统与根文件系统
1、文件系统
文件系统是操作系统用于明确存储设备（常见的是磁盘，也有基于NAND Flash的固态硬盘）分区上的文件的存储方法和数据结构，即在存储设备上组织文件的方法。
看了这个概念如果有些懵，下面用两个例子来说明。
a、ext2文件系统
一个分区格式化成ext2文件系统后，分区里会有三种块inode、block、super block（当然还有其他类型的块）。
Super block: 记录此文件系统的整体信息，包括inode/block的总量、使用量，以及文件系统的格式和相关信息等；
Inode: 记录文件的属性，一个文件占用一个inode，同时记录此文件的数据所在的block号码；
Block：实际记录文件的内容，若文件太大时会占用多个block。
由于每个inode于block都有编号，而每个文件都会占用一个inode，inode内记录有文件数据放置的block号码。因此，我们可以知道的是，如果能够找到文件的inode的话，那么自然就会知道这个文件所放置数据的block号码，当然也就能够读出该文件的实际数据了。这是个比较有效率的做法，因为如此一来我们的磁盘就能够在短时间内读取出全部的数据，读写性能比较好。
以上是关于bodyhtml视口三合一的主要内容，如果未能解决你的问题，请参考以下文章
0158 JavaScript获取元素：id，标签名，类名，querySelector，querySelectorAll，获取bodyhtml