摘要：
1、定义 position属性指定了元素的定位类型 值 描述 relative 相对定位 absolute 绝对定位 fixed 固定定位 其中，绝对定位和固定定位会脱离文档流 设置定位之后：可以使用四个方向进行调整位置：left、top、right、bottom 2、相对定位 <div> </di 阅读全文
posted @ 2024-12-04 20:31
张筱菓
阅读(64)
评论(0)
推荐(0)
摘要：
浮动元素会造成父元素高度塌陷后续元素也会受到影响 1、浮动的作用 当元素设置fliat浮动后，该元素就会脱离文档流并向左/向右浮动 ①浮动元素会造成父元素高度塌陷 ②后续元素会受到影响 <div class="box"> <div class="a"></div> <div class="a"></ 阅读全文
posted @ 2024-12-04 19:44
张筱菓
阅读(28)
评论(0)
推荐(0)
摘要：
1、浮动的定义 float属性定义元素在哪个方向浮动，任何元素都可以浮动。 值 描述 left 元素向左浮动 right 元素向右浮动 2、浮动的原理： ①浮动以后使元素脱离了文档流 ②浮动只有左右浮动，没有上下浮动 3、元素向左浮动 脱离文档流之后，元素相当于在页面上面增加一个浮层来放置内容。此时 阅读全文
posted @ 2024-12-04 18:39
张筱菓
阅读(115)
评论(0)
推荐(0)
摘要：
1、文档流是文档中可显示对象在排列时所占用的位置/空间 例如：块元素自上而下摆放，内联元素，从左到右摆放 标准六里面的限制非常多，导致很多页面效果无法实现 ①高矮不齐，底边对齐 ②空白折叠现象 （1）无论多少个空格、换行、tab，都会折叠为一个空格 （2）如果我们想让img标签之间没有空隙，必须紧密 阅读全文
posted @ 2024-12-04 17:50
张筱菓
阅读(21)
评论(0)
推荐(0)
摘要：
1、定义：弹性盒子是CSS3的一种新的布局模式 CSS3弹性盒子是一种当前页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式 引入弹性盒子布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间 2、CSS3弹性盒子内容 弹性盒子由弹性容器（Fl 阅读全文
posted @ 2024-12-04 11:08
张筱菓
阅读(134)
评论(0)
推荐(0)
浙公网安备 33010602011771号