css
文章平均质量分 57
pxx_du
这个作者很懒,什么都没留下…
展开
-
解决盒子模型“margin重叠”和“父子盒子外边距塌陷”问题
一、margin外边距重叠1、BFC(块格式上下文)规范。(推荐)2、避免出现两个上下相邻兄弟元素同时设置margin值,只设置一个盒子的margin值即可。二、父子盒子外边距塌陷1、BFC(块格式上下文)规范。(推荐)2、给父盒子添加上边框(不建议主动添加),会打乱布局。3、把子元素的margin值换成父元素的padding值。4、在子元素前添加文字(不建议主动添加)。其实,解决这两个问题一般都是通过BFC规则来完成的,下面就来介绍一下什么是BFC规...原创 2021-10-01 16:35:09 · 911 阅读 · 0 评论 -
Grid 布局 笔记
触发Grid条件display: grid;1.设置行高列宽 grid-template-rows:100px 100px 100px; (分三行,每行高100px)grid-template-columns:100px 100px 100px;(分三列,每行高100px)可简写为:grid-template-rows: repeat(3,100px );grid-template-columns: repeat(3,100px );行的高度、列的宽度...原创 2021-10-14 20:43:01 · 624 阅读 · 0 评论