st_Jin的博客

在 Flexbox 模型中，有三个核心概念：flex 项（注：也称 flex 子元素），需要布局的元素flex 容器，其包含 flex 项排列方向（direction），这决定了 flex 项的布局方向容器属性display:flex ——设置容器为弹性布局常用属性项目属性弹性布局默认不改变项目的宽度，但是它默认改变项目的高度。如果项目没有显式指定高度，就将占据容器的所有高度。...

文章目录清除浮动的方法元素居中水平居中垂直居中清除浮动的方法加高法——给祖先元素一个高度 浮动的元素只能被有高度的盒子关住，缺点：麻烦且不能适应页面的变化clear:both——写在要清除浮动的盒子上 缺点：margin属性会失效overflow:hidden——写在浮动元素的父级上 正常情况下，父级不会被浮动的子级撑出高度，但有了这个属性，父级可以被撑出高度，margin依然有效隔墙法——在浮动元素之间放一个块级元素 可放在浮动的盒子里面，这样它也能被撑出高度；或放在两个盒子之间，但这

文章目录盒子模型font-size字体单位盒子模型所有的HTML元素都看成是一个盒子，由外边距、边框、内边距和实际内容组成。可以分为：标准盒模型中，width指实际内容的宽度；box-sizing: content-box;怪异盒子中（IE5和IE6），width指内容+内边距+边框；box-sizing: border-box;css属性box-sizing 用来决定采用哪种盒模型font-size字体单位像素px——绝对长度单位，相对屏幕分辨率百分比（%）视窗单位（vw，vh，v