一、规则 1. 某div不设置宽度，那么width默认为auto. 2. 某子元素div的width为100%（或者设置为等于父元素宽度的具体值，比如父元素width为100px，子元素width也设置为100px），则此子元素的宽度 = 父元素width值（不包括父元素边框，内边距）+子元素 ...

在 CSS 中，width 和 height 指的是内容区域的宽度和高度。增加内边距、边框和外边距不会影响内容区域的尺寸，但是会增加元素框的总尺寸。之前一直理解有错误，认为width 和 height是元素容器的宽和高。 盒子模型 css中盒子模型包含属性margin ...

html的height:100%;高度是多少 html设置height:100%;表示一屏高度，类似于100vh。未设置则根据子元素的高度来自适应高。在实际应用中，设置页面高度为1屏幕高度通常设置： html,body{ height:100%; margin ...

首先我们来看一个实际的问题，让body中的一个div占全屏，（问题来源：http://stackoverflow.com/questions/1575141/make-div-100-height-of-browser-window 下面的代码符合要求吗？ 运行后div1还是只占 ...

需求： 一张图片宽度要求在不同分辨率的屏幕下都能达到100%满屏的宽度，图片不能变形。 <div class="img"> src="1.jpg" alt="测试图片"/></div> 第一反应是，根据图片的宽高比设置图片的高度，如：图片是1920 ...

我做了一个模拟alert的弹出框，但是不能遮挡住滚动条下的内容，经过不断地测试发现时是我对position:absolute,position:fixed,width:100%,height:100%;理解有模糊的地方，现在做个测试记录如下： 上面的Css代码是能够 ...

先介绍一下vh:相对于视窗的高度，那么vw:则是相对于视窗的宽度 “视区”所指为浏览器内部的可视区域大小，即window.innerWidth/window.innerHeight大小，不包含任务栏标题栏以及底部工具栏的浏览器区域大小。 vh vh就是当前屏幕可见高度的1%，也就是说 ...

1.em 在做手机端的时候经常会用到的做字体的尺寸单位 说白了 em就相当于“倍”，比如设置当前的div的字体大小为1.5em，则当前的div的字体大小为：当前div继承的字体大小*1.5 但是 ...