CSS知识点
文章平均质量分 59
lhhbk
一个程序媛小白记录零零散散的代码片段
展开
-
CSS布局
缩小界面时:child2永远200px宽度。图片位于右边,文字围绕在图片周围。如下图文字被分割为三列。原创 2023-05-30 15:22:48 · 64 阅读 · 0 评论 -
Grid布局知识
在项目中遇到 grid-column-start还稍微有一点懵,不是很熟悉所以通过以下例子加强一下对grid布局的使用。原创 2023-04-21 17:02:53 · 331 阅读 · 0 评论 -
CSS清除浮动的方法
为什么需要清除浮动?因为会存在以下情况:当父节点不设置高度时,子节点设置高度且设置浮动,脱离了标准流,此时父节点会高度塌陷。影响布局如图:正常状态下父节点未设置高度,子节点撑起了父节点给子节点设置浮动后.parent {.son {以上五种方法则是清除浮动常见的方法。原创 2023-04-19 16:17:21 · 201 阅读 · 0 评论 -
BFC块级格式化上下文
BFC即 Block Formatting Contexts (块级格式化上下文),它指浏览器中创建了一个独立的渲染区域,并且拥有一套渲染规则,它决定了其子元素如何定位,以及与其他元素的相互关系和作用。BFC属于流布局内的一块区域。BFC的目的:形成一个完全独立的空间,让空间中的子元素不会影响到外面的布局。BFC的使用在清除浮动的时候极为常见,而如何形成BFC就是解决浮动的方法之一。原创 2023-04-19 14:17:57 · 168 阅读 · 0 评论