元素的高度默认是auto，被内容自动撑开；
100%：使得html的height与屏幕的高度相等；
50%：使得html的height等于屏幕的一半；
若想让一个
元素没有margin和padding
元素有margin没有padding
因此让body占满屏幕的代码是
注：因为html,body元素的width默认就是100%,因此在里面的div 设定width=100%时就能和屏幕等宽
html{height:100%;//让html的高度等于屏幕}body{height:100%;margin:0;}
而html,body元素的高度height默认是auto,因此要想让div和屏幕等高，需要改变html和body的height值
高度自适应的情况： 1. 高度不去设置，或者高度设置auto 内容撑开父元素的高度。 2. 内容撑开父元素的高度 -> 最小高度的设置 min-height 3. 浮动
qq音乐的歌曲播放页面，页面的宽度和设备宽度是一致，这时候我们就用的flex布局，但是首先要设置html和body宽度都为100%，因为百分比布局是相对父级元素来说的，有以下h
布局：排列页面中的区域；布局写起来不难，但是里面蕴含着许多基本知识 我下面讲的布局方式，都是自适应的（若你要将布局全部定宽，看完本文，这对你来说更是没有难度了，把下文中代码出
高度自适应就是高度能跟随浏览器窗口的大小改变而改变，典型的运用在一些后台界面中上面一栏高度固定用作菜单栏或导航栏，下面一栏高度自适应用于显示内容。 ![682b19391f3
> 原文链接：[http://blog.csdn.net/easion\_zms/article/details/50263409\comments][http_blog.cs
<html>元素的高度默认是auto，被内容自动撑开； 100%：使得html的height与屏幕的高度相等； 50%：使得html的height等于屏幕的一半； 若想让
很多时候都需要让div或者其他标签元素自适应浏览器屏幕高度，比如左侧菜单高度自适应 所以可以用window.innerHeight然后绑定到元素上面 如图，我用vue，jq
灰太狼
系统管理员
╰+哭是因爲堅強的太久メ
偏执的太偏执、
你的名字
左手的ㄟ右手
还没有评论，来说两句吧...