摘要：transfrom transform是静态属性，非动画属性，和margin-left、margin-top类似。 translate：平移，类似position:relative;translate()分三种情况： translate(x, y) // 水平、垂直方向移动 translateX(x 阅读全文

摘要：html结构： 一. 子元素绝对定位，left和top都设置为50%，再设置margin-left和margin-top为-1/2宽度、-1/2高度。此种情况适用于宽度高度固定的情况 二. transform，原理同方法一，此种方法可用于宽度高度不固定的情况 三. flex布局，父元素设置两条轴上居 阅读全文

摘要：实现布局：左侧固定，右侧自适应 一. flex布局 html： css： 二. html同上 css： 三. 类似圣杯布局 html同上 css： 四. 类似双飞翼布局 html: css： 阅读全文