study_way的博客

Flex布局是一种CSS布局模型，它的目标是为了解决传统布局方式在构建复杂布局时的限制和不足。Flex布局的优势在于它提供了强大的自适应能力和灵活性，使得开发人员能够更轻松地实现水平居中、垂直居中、等高列布局等复杂布局效果。

SS盒子模型：网页设计中CSS技术所使用的一种思维模型。CSS盒子模型组成：外边距（margin）、边框（border）、内边距（padding）、内容（content）。CSS盒子模型分为：标准W3C盒子模型，IE盒子模型，注意在两种模型中宽（width）和高（height）包括属性的不同。W3C模型中：CSS中的宽（width）=内容（content）的宽CSS中的高（height）=内容（content）的高eg:W3C模型则此div的实际大小：div高=height+（pad

1、flex布局方法：当前div的父级添加flex css样式 display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;2、绝对定位方法：不确定当前div的宽度和高度，采用 transform: tr

浮动导致的后果：（1）由于浮动元素脱离了文档流，所以父元素的高度无法被撑开，影响了与父元素同级的元素（2）与浮动元素同级的非浮动元素会跟随其后，因为浮动元素脱离文档流不占据原来的位置（3）如果该浮动元素不是第一个浮动元素，则该元素之前的元素也需要浮动，否则容易影响页面的结构显示我们要知道：浮动的框可以左右移动，直到遇到另一个浮动框或者遇到它外边缘的包含框。浮动框不属于文档流中的普通流，当元素浮动之后，不会影响块级元素的布局，只会影响内联元素布局。我们来写一个例子来看一下，创建一个父级div，然后下

BFC（块格式化上下文）是CSS布局中的一个重要概念，用于控制块级盒子的布局和定位。BFC是一个独立的渲染区域，其中的元素按照一定的规则进行布局，与其他区域相互隔离。