xiaojing的博客

一、justify-content对齐问题描述在CSS flex布局中，justify-content属性可以控制列表的水平对齐方式，例如space-between值可以实现两端对齐。但是，如果最后一行的列表的个数不满，则就会出现最后一行没有完全垂直对齐的问题。如下代码：.container { display: flex; justify-content: sp...

转自：https://segmentfault.com/a/1190000004865198什么是CSS清除浮动？在非IE浏览器（如Firefox）下，当容器的高度为auto，且容器的内容中有浮动（float为left或right）的元素，在这种情况下，容器的高度不能自动伸长以适应内容的高度，使得内容溢出到容器外面而影响（甚至破坏）布局的现象。这个现象叫浮动溢出，为了防止这个现象的出现而进行的CS...

有如下一个div及其样式：<style type="text/css"> div { border: 1px solid red; width: 200px; height: 200px; } </style> <div id="...

转自：z-index堆叠规则一、z-indexz-index用来控制元素重叠时堆叠顺序。适用于：已经定位的元素（即position:relative/absolute/fixed）。一般理解就是数值越高越靠上，好像很简单，但是当z-index应用于复杂的HTML元素层次结构，其行为可能很难理解甚至不可预测。因为z-index的堆叠规则很复杂，下面一一道来。首先解释一个名词：...