minmax() CSS 函数定义了一个尺寸范围：大于等于最小值或者小于等于最大值，配合 grid 布局使用。 从一个简单的例子开始 grid-template-columns: minmax(20px, 100px) 1fr 1fr; 上面代码会将一个 grid 盒子： 划分 3 列 第一列的宽度是minmax(20px, 100px),最小 ...

网格布局(Grid)是一种将网页划分成网状的格子的一种布局方案，可以想象成表格，单元格之间可以跨行或者跨列合并，可以比flex组合出来更加复杂的网页布局。 一、基本术语 Grid Container（容器） 我们通过在元素上声明 display：grid 或 display：inline-grid 来创建一个网格容器。一旦我们这样做，这个元素的所有直系子元素将 ...

有必要整理一下css里的术语 属性 属性就是诸如css代码中height、width、color等 值，大多数用数字来表示的：1px,css中值分为以下几种类型 整数，z-index:1 数值，line-height:1.5 百分百，width:50% 长度：width:60px ...

CSS 滑动操作的原理与轮播图原理类似： 子盒子宽度或者高度超出父盒子宽度或者高度，隐藏滚动条，就可以实现滑动操作： html 结构如下： ...

CSS 中父级元素的高度一般由子元素撑开，不会特意设置高度，但是以下情况会造成父级元素高度坍塌，也就是高度为零，影响后面元素的排版。 子元素使用绝对定位 子元素浮动 针对第一种情况，即子元素使用绝对定位，可以使用以下方案： 子元素的绝对定位改为相对定位，如果可以改的话 针对第二种情况，即由子元素浮动造成父元素坍塌，可以使用以下方案： /*父级元 ...