...

盒子模型的宽度width高度height;宽度和高度的单位px像素,使用%动态计算(自适应和响应式) e.g补充:盒子模型自适应和响应式参考自然堂Mobike ...

前言 　　前端开发工程师最基础的技能要求是根据 ui 设计稿还原网页，这就缺少不了必要的网页布局，首先看下最近小伙伴问我的一个问题，他说一个网页有左右两个部分，左右两个部分的宽高度都不固定，要使得右部分的宽度充满剩余的部分，并且高度随着左边的高度发生自适应，而左侧的高度随着内容的高度发生变化 ...

做九宫格时遇到的问题 分别使用的float和flex来布局 主要问题在于当宽度自适应时如何让高度等于宽度。 首先想到的是与宽度一样设置高度自适应，如要为每个九宫格设置百分数的高度，要使它有效，则要设置父元素高度，若父元素仍然为百分数则要依次设置每一级的父元素高度，全为百分数的话，最后一级 ...

一、相同点 　　大多数情况下，两者作用是一样的。 ① 父容器width/height: auto，无论width/height:100%或者width/height:inherit表现都是auto ...

设置图片高度等于宽度 如果仅仅想要外层div同宽高，而图片保持原图大小不被撑大， 可以将图片属性换成下面这个 如果子元素根据父元素设置宽度，那么将其高度设置为0，并将padding-bottom设置为百分比，则该子元素的高度将根据它的宽度计算 如果子元素是图片，需要使用下面的方法 ...

在工作中遇见一个问题 宽度不一定，但是想让box为正方形; 比如width:50%;之后设置该box为正方形设置height:0;padding-bottom:100%; ...

...