2.10 CSS BFC
1.简介
- BFC是Block Formatting Context(块级格式上下文)，可以理解成元素的一个“特异功能”。
- 该“特异功能”，在默认的情况下处于关闭状态;当元素满足了某些条件后，该"特异功能被激活。
- 所谓激活"特异功能”，专业点说就是:该元素创建了BFC (又称: 开启了BFC)。
2.BFC的作用
- 元素开启BFC后，其子元素不会再产生margin塌陷问题。
- 元素开启BFC后，自己不会被其他浮动元素所覆盖。
- 元素开启BFC后，就算其子元素浮动，元素自身高度也不会塌陷。
3.开启BFC
- 根元素
- 浮动元素
- 绝对定位、固定定位的元素
- 行内块元素
- 表格单元格: table、 thead、 tbody、 tfoot、 th、 td、 tr 、caption
- overflow的值不为visible 的块元素
- 伸缩项目
- 多列容器
- column-span为all 的元素(即使该元素没有包裹在多列容器中)
- display的值，设置为flow- root
相关文章：
2.10 CSS BFC
1.简介 BFC是Block Formatting Context(块级格式上下文)，可以理解成元素的一个“特异功能”。该“特异功能”，在默认的情况下处于关闭状态;当元素满足了某些条件后，该"特异功能被激活。所谓激活"特异功能”，专业点说就…...
iSlide2024一款基于PPT的插件工具包含38个设计辅助功能
根据使用者情况表明iSlide 是一款拥有30W素材的PPT高效设计软件，可提高90%工作效率，现全球已有超过1400万使用者，智能排版原创高品模板可商用图形，真正摆脱PPT的束缚，把精力用在该用的地方。我们都明白islide插件功能特…...
ATE新能源汽车充电桩自动负载测试系统
随着新能源汽车的普及，充电桩的需求也在不断增加，为了确保充电桩的性能和安全性，对其进行负载测试是非常重要的。ATE新能源汽车充电桩自动负载测试系统是一种专门用于检测充电桩性能的设备，它可以模拟各种实际使用场景，…...
机器学习笔记 - 感知器的数学表达
一、假设前提 感知机（或称感知器，Perceptron）是Frank Rosenblatt在1957年就职于Cornell航空实验室（Cornell Aeronautical Laboratory）时所发明的一种人工神经网络。 它可以被视为一种最简单形式的前馈神经网络，是一种二元线性分类模型，其输入为实例的特征向量，输出为实…...
JavaScript 自定义对象
<!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>JS-定义对象</title> </head><body&g…...
UNI-APP_ios自动适应底部安全区背景，修改安全区背景
自动适应（推荐） 将所有 iPhone X（刘海屏) 底部安全区域背景颜色 自动适应，当前页面什么颜色会自动调整。 1.打开 manifest.json ，打开源码视图 2.找到 app-plus 配置项，添加以下代码 "safearea&quo…...
微服务的定义
个人理解 其实微服务就是DDD cloud native DDD： 提供了微服务的理论基础，一个大型复杂的服务可以按照其对外提供的业务功能划分成相对独立的小服务。注意这个小是相对而言的，每一个小服务其实就是一个独立的子域(subdomain)，它应…...
什么是C语言中的异常和错误处理机制？
异常和错误处理机制是编程中重要的概念，它们允许您在程序执行过程中处理不可预测的情况和错误。在C语言中，没有内置的异常处理机制，但可以通过一些编程技巧和库来实现错误处理。在本文中，我们将探讨C语言中的异常和错误处理机制&a…...
某某盾-滑块验证-自动获取validate值-（逆向js+python）
我是标题 1.从get？网站获取滑块图片以及token1.1获取fp值1.2 获取cb值1.3 模拟发包 2.获取滑块移动距离3.发包获取最终的validate值3.1轨迹生成3.2 check网站发包3.3 获取data值 4.结论 本实验是根据某某盾示例网站 主要分为两个部分 1.从get？网站获取滑…...
C++：set和map的使用
set和map的使用 1.关联式容器2.key模型和key_value模型3.set3.1一些注意点3.2set的使用3.3习题 4.multiset5.map5.1一些注意点5.2map的使用5.3习题 6.multimap 1.关联式容器 序列式容器：比如我们之前讲的vector、string、list等均为序列式容器，特点是按…...
同城售后系统退款业务重构心得 | 京东云技术团队
一、重构背景 1.1、退款 到家、小时购、天选退款有2套结构，代码逻辑混乱； 其中小时购、天选部分售后单是和平生pop交互退款，部分是和售后中台交互退款；并且兼容3套逻辑； 痛点：代码繁重，缺乏…...
【计算机网络笔记】TCP连接管理（图解三次握手和四次挥手）
系列文章目录 什么是计算机网络？ 什么是网络协议？ 计算机网络的结构 数据交换之电路交换 数据交换之报文交换和分组交换 分组交换 vs 电路交换 计算机网络性能（1）——速率、带宽、延迟 计算机网络性能（2）…...
C++ 初阶 类和对象(中)
前言：C初阶系列，每一期博主都会使用简单朴素的语言将对应的知识分享给大家，争取让所有人都可以听懂，C初阶系列会持续更新，上学期间将不定时更新，但总会更的 目录 一、构造函数 1.1为什么要有构造函数&…...
【漏洞复现】Metinfo5.0.4任意文件包含漏洞复现
感谢互联网提供分享知识与智慧，在法治的社会里，请遵守有关法律法规 文章目录 1、蚁剑直接连接图片马2、读取敏感目录3、读取php源码4、执行PHP命令5、包含木马写Shell （图片马制作新方法） 以 metinfo_5.0.4为例 该环境的文件上传…...
【计算机网络实验/wireshark】tcp建立和释放
wireshark开始捕获后，浏览器打开xg.swjtu.edu.cn，网页传输完成后，关闭浏览器，然后停止报文捕获。 若捕获不到dns报文，先运行ipconfig/flushdns命令清空dns缓存 DNS报文 设置了筛选条件：dns 查询报文目的…...
STM32:I²C通信原理概要
一、IIC通信原理 IIC通信和串口通信有一定的相似之处，都有一根共地线和两根数据线。但是传递外部信息，串口有两根数据线可以进行双向通信，也就是全双工通信。而在IIC通信下，其中一条数据线是用于提供同步时钟脉冲的时钟线(SCL)&am…...
【开题报告】基于 Spring Boot 的在线预约导游系统的设计与实现
1.引言 在旅游行业中，导游起到了重要的作用，他们为游客提供了专业的旅游服务和相关信息。然而，传统的导游预约方式可能存在一些问题，如信息不透明、预约流程繁琐等。因此，我们计划开发一个基于 Spring Boot 的在线预约…...
如何使用ps制作ico图标文件
如何使用ps制作ico图标文件 Chapter1 如何使用ps制作ico图标文件Chapter2 ICOFormat.8bi（Photoshop Ico、Cur插件）的下载使用1. ICOFormat.8bi的作用2. ICOFormat.8bi使用 Chapter3 ps手机计算机图标教程,手绘设计精美手机APP软件图标的PS教程步骤 01 制…...
【Linux】logrotate实现“日志文件定时分割“
问题背景 项目部署的过程中，经常会需要查看程序的执行日志。我之前的做法都是用nohup ... > xxx.log 2>&1 &将日志保存到xxx.log文件中的。但是问题是，程序有时会运行很长时间，一直保存在一个文件里，文件会越来越大…...
Android可绘制资源概览(背景、图形等)
关于作者：CSDN内容合伙人、技术专家， 从零开始做日活千万级APP。 专注于分享各领域原创系列文章 ，擅长java后端、移动开发、商业变现、人工智能等，希望大家多多支持。 目录 一、导读二、概览三、drawable 分类3.1 Bitmap fileXML …...
安宝特方案丨XRSOP人员作业标准化管理平台：AR智慧点检验收套件
在选煤厂、化工厂、钢铁厂等过程生产型企业，其生产设备的运行效率和非计划停机对工业制造效益有较大影响。 随着企业自动化和智能化建设的推进，需提前预防假检、错检、漏检，推动智慧生产运维系统数据的流动和现场赋能应用。同时，…...
从深圳崛起的“机器之眼”：赴港乐动机器人的万亿赛道赶考路
进入2025年以来，尽管围绕人形机器人、具身智能等机器人赛道的质疑声不断，但全球市场热度依然高涨，入局者持续增加。 以国内市场为例，天眼查专业版数据显示，截至5月底，我国现存在业、存续状态的机器人相关企…...
2024年赣州旅游投资集团社会招聘笔试真
2024年赣州旅游投资集团社会招聘笔试真 题 ( 满 分 1 0 0 分 时 间 1 2 0 分 钟 ) 一、单选题(每题只有一个正确答案，答错、不答或多答均不得分) 1.纪要的特点不包括()。 A.概括重点 B.指导传达 C. 客观纪实 D.有言必录 【答案】: D 2.1864年，()预言了电磁波的存在，并指出…...
工程地质软件市场：发展现状、趋势与策略建议
一、引言 在工程建设领域，准确把握地质条件是确保项目顺利推进和安全运营的关键。工程地质软件作为处理、分析、模拟和展示工程地质数据的重要工具，正发挥着日益重要的作用。它凭借强大的数据处理能力、三维建模功能、空间分析工具和可视化展示手段&…...
云原生玩法三问：构建自定义开发环境
云原生玩法三问：构建自定义开发环境 引言 临时运维一个古董项目，无文档，无环境，无交接人，俗称三无。 运行设备的环境老，本地环境版本高，ssh不过去。正好最近对 腾讯出品的云原生 cnb 感兴趣&…...
tauri项目，如何在rust端读取电脑环境变量
如果想在前端通过调用来获取环境变量的值，可以通过标准的依赖： std::env::var(name).ok() 想在前端通过调用来获取，可以写一个command函数： #[tauri::command] pub fn get_env_var(name: String) -> Result<String, Stri…...
使用SSE解决获取状态不一致问题
使用SSE解决获取状态不一致问题 1. 问题描述2. SSE介绍2.1 SSE 的工作原理2.2 SSE 的事件格式规范2.3 SSE与其他技术对比2.4 SSE 的优缺点 3. 实战代码 1. 问题描述 目前做的一个功能是上传多个文件，这个上传文件是整体功能的一部分，文件在上传的过程中…...
Qt的学习(一)
1.什么是Qt Qt特指用来进行桌面应用开发（电脑上写的程序）涉及到的一套技术Qt无法开发网页前端，也不能开发移动应用。 客户端开发的重要任务：编写和用户交互的界面。一般来说和用户交互的界面，有两种典型风格&…...
JS红宝书笔记 - 3.3 变量
要定义变量，可以使用var操作符，后跟变量名 ES实现变量初始化，因此可以同时定义变量并设置它的值 使用var操作符定义的变量会成为包含它的函数的局部变量。 在函数内定义变量时省略var操作符，可以创建一个全局变量 如果需要定义…...
【大模型】RankRAG：基于大模型的上下文排序与检索增强生成的统一框架
文章目录 A 论文出处B 背景B.1 背景介绍B.2 问题提出B.3 创新点 C 模型结构C.1 指令微调阶段C.2 排名与生成的总和指令微调阶段C.3 RankRAG推理：检索-重排-生成 D 实验设计E 个人总结 A 论文出处 论文题目：RankRAG：Unifying Context Ranking…...