说明 1、BFC是页面上隔离的独立容器，容器中的子元素不会影响外部元素。反之亦然。 这一元素的垂直方向边距将重叠，垂直方向的距离由margin决定，取值。 2、BFC区域不会与浮动盒重叠(去除浮动原...

说明 1、译为块级格式化上下文，是Web页面可视化CSS渲染的一部分，是布局过程中生成块级盒子的区域。 也是浮动元素与其他元素的交互限制区域。 2、只有Block-levelbox参与，它规定了Block-level...

说明 1、用于规定元素哪一侧不允许浮动元素，默认值为none，表示不清除，左右两侧允许浮动元素。 2、确保当前元素的左右两侧没有浮动元素。clear只对元素本身的布局起作用。 可选值 left清除左...

说明 1、position的新属性sticky，在屏幕范围内(viewport)设置sticky元素时，该元素的位置不会受到定位的影响。 (设置为top、left等属性无效)，当该元素的位置将移出偏移范围时，定位又会变成fi...

说明 1、这个元素并不脱离文档流，仍然保留着元素在文档流中的原始位置。 2、当元素在容器中滚动超过指定偏移值时，元素固定在容器的指定位置。 也就是说，如果你设置了top:50px，当sticky元素...

1、static默认位置。 一般来说，我们不需要特别声明它，但有时当我们遇到继承时，我们不愿意看到元素继承的属性影响本身，所以我们可以使用Position:static取消继承，即恢复元素定位的默认值。...

说明 1、使用transform从单行文本、段落到box，都会垂直对齐。 2、translate属性可以改变元素的位置，translateX(10px)实现x坐标轴移动10个单位，如果是负值，则沿相反方向移动。 同样，transla...

说明 1、box-shadow支持逗号分隔语法，可以创建任意数量的投影。 当一个正值的扩展半径加上两个零偏差和零模糊值时，得到的投影就像一个实线框。 2、投影不会影响布局，也可以说投影不会占据真...

说明 1、如果一侧定值，包括不设定值取默认值0的情况，一侧auto，则auto为剩余空间大小。 2、如果两侧均是auto，则平分剩余空间。 实例 <style> .father{ width:300px; background-color:...

说明 1、如果只需要两层边框，可以选择先设置一层常规边框，再加上outline(描边)属性来生成外层边框。 使用outline不仅可以模拟实线边框，还可以生成虚线边框。 2、outline-offset属性可以控制...