当前位置：首页 > news >正文

浮动模块布局

news 2026/2/10 8:42:04

基本思路
若宽度和浏览器一样宽，则不需要设置width

一般父盒子使用标准流，然后标准流内使用浮动

一般父盒子需要居中显示，使用 margin: 0 auto;

注意浮动盒子之间的margin值与父盒子width、height值之间的相等关系，一定要计算好！
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>浮动布局</title><style>* {margin: 0;padding: 0;}.top {/* width和浏览器默认的一致，不用设置 */height: 50px;margin-top: 20px;background-color: pink;}.banner {height: 120px;width: 1010px;   /*设置快读*/margin: 10px auto;  /*居中*/background-color: green;}.box {height: 300px;width: 1010px;margin: 10px auto;background-color: lightblue;}.box>.box1 {float: left;margin: 10px;}.box>div {float: left;background-color: pink;margin: 10px;margin-left: 0;height: 280px;width: 240px;}.footer {height: 300px;background-color: aquamarine;}</style>
</head>
<body><div class="top">top</div><div class="banner">banner</div><div class="box"><div class="box1">box1</div><div class="box2">box2</div><div class="box3">box3</div><div class="box4">box4</div></div><div class="footer">footer</div>
</body>
</html>

浮动模块布局

基本思路若宽度和浏览器一样宽，则不需要设置width 一般父盒子使用标准流，然后标准流内使用浮动一般父盒子需要居中显示，使用 margin: 0 auto; 注意浮动盒子之间的margin值与父盒子width、height值之间的相等关系，一定要计算…...

编程日记 2023/11/3 11:32:43

信号、进程、线程、I/O介绍

文章目录信号进程进程通信线程可/不可重入函数线程同步互斥锁条件变量自旋锁读写锁 I/O操作阻塞/非阻塞I/OI/O多路复用存储映射I/O 信号信号是事件发生时对进程的通知机制，可以看做软件中断。信号与硬件中断的相似之处在于其能够打断程序当前执行的正常流程。大多…...

编程日记 2023/11/3 11:29:39

效果展示 dom代码 <div class"mapSelfTitle66"><div></div> </div> 样式代码 .mapSelfTitle66{width:120px;height:60px;position: relative;&>div{width:100%;height:100%;background: url("~/assets/images/video_show/err…...

编程日记 2023/11/3 11:28:37

基础课17——智能客服系统

客户服务是一种以客户为中心的服务模式，旨在提高客户满意度和忠诚度，促进企业业务增长和可持续发展。在客户服务中，企业需要了解客户需求，提供优质、高效、个性化的服务，解决客户问题，满足客户需求&#xf…...

编程日记 2023/11/3 11:27:35

vue3 ts 导出PDF jsPDF

jsPDF 是一个基于 HTML5 的客户端解决方案，用于生成各种用途的 PDF 文档。 1、安装：npm install jspdf npm install --save html2canvas 2、引入：import jsPDF from "jspdf" import html2canvas from html2canvas 3、使用 <…...

编程日记 2023/11/3 11:26:34

Agent 应用于提示工程

如果Agent模仿了人类在现实世界中的操作方式，那么，能否应用于提示工程即Prompt Engingeering 呢？ 从LLM到Prompt Engineering 大型语言模型(LLM)是一种基于Transformer的模型，已经在一个巨大的语料库或文本数据集上进行了训练&…...

编程日记 2023/11/3 11:25:33

云原生安全日志审计

记得添加，把配置文件挂载进去 - mountPath: /etc/kubernetes/auditname: audit-policyreadOnly: true.....- hostPath:path: /etc/kubernetes/audit/type: DirectoryOrCreatename: audit-policy/etc/kubernetes/manifests/kube-apiserver.yaml 具体配置文件如下 a…...

编程日记 2023/11/3 11:23:30

2023 辽宁省大学数学建模 B 题数据驱动的水下导航适配区分类预测

“海洋强国”战略部署已成为推动中国现代化建设的重要组成部分，国家对此提出“发展海洋经济，保护海洋生态环境，加快建设海洋强国”的明确要求。《辽宁省“十四五”海洋经济发展规划》明确未来全省海洋经济的发展战略、发展目标、重大任…...

编程日记 2023/11/3 11:22:29

ES 8.x新特性一览(完整版)

一、看点在 2022 年 2 月 11 日，Elasticsearch（ES）正式发布了 8.0 版本，而截止到 2023 年 10 月，历经一年半时间，ES官方已经连续发布了多个版本，最新版本为 8.10.4。这一系列的更新引入了众多引…...

编程日记 2023/11/3 11:21:28

生产实战shell,给安全部门提供日志

生产实战shell,给安全部门提供日志 #!/bin/bashbackup_dir"/data/rw_copy" log_dir"/data/weblogic_log/test/yingyong" nginx_log_dir"/data/nginx_log" apache_log_dir"/data/apache_log" weblogic_log_dir"/data/weblogic_lo…...

编程日记 2023/11/3 11:20:26

HarmonyOS数据管理与应用数据持久化（一）

一. 数据管理概述功能介绍数据管理为开发者提供数据存储、数据管理能力，比如联系人应用数据可以保存到数据库中，提供数据库的安全、可靠等管理机制。数据存储：提供通用数据持久化能力，根据数据特点，分为用户首选项、…...

编程日记 2023/11/3 11:19:24

小型气象站在智慧农业高标准农田建设中的作用

了解“小型气象站在智慧农业高标准农田建设中的作用”，我们需要了解什么是小型气象站？什么是高标准农田？ 所谓小型气象站是一种气象观测设备，根据应用领域不同可分为农业气象站，校园气象站，森林气象站&…...

编程日记 2023/11/3 11:18:23

kruskal求最小生成树

算法思路： 将所有边按照权值的大小进行升序排序，然后从小到大一一判断。如果这个边与之前选择的所有边不会组成回路，就选择这条边分；反之，舍去。直到具有 n 个顶点的连通网筛选出来 n-1 条边为止。筛选出来的边…...

编程日记 2023/11/3 11:17:22

876. 链表的中间结点

876. 链表的中间结点算法快慢指针 & 题目特征需要对链表中的节点进行遍历，并且需要根据节点之间的相对位置或者距离进行操作题目链接：https://leetcode.cn/problems/middle-of-the-linked-list/ 算法快慢指针 & 题目特征需要对链表中…...

编程日记 2023/11/3 11:16:21

【机器学习】二、决策树

目录一、决策树定义： 二、决策树特征选择 2.1 特征选择问题 2.2 信息增益 2.2.1 熵 2.2.2 信息增益三、决策树的生成 3.1 ID3算法 3.1.1理论推导 3.1.2代码实现 3.2 C4.5 算法 3.2.1理论推导 3.2.2代码实现四、决策树的剪枝 4.1 原理 4.2 算法思路&#xff1a…...

编程日记 2023/11/3 11:15:20

低代码PAAS加速推进企业数字化转型

无论是“十四五”规划从国家层面提出的“加快数字化发展建设数字中国”，还是后疫情时代企业自身的感受，数字化转型已成为必答题。当前企业业务场景化、线上趋势愈加明显，越来越多并发的数字化应用场景，而原有集中式架构扩展能力…...

编程日记 2023/11/3 11:12:17

时间复杂度为 O(nlogn) 的排序算法

归并排序归并排序遵循分治的思想：将原问题分解为几个规模较小但类似于原问题的子问题，递归地求解这些子问题，然后合并这些子问题的解来建立原问题的解，归并排序的步骤如下： 划分：分解待排序的 n 个元素…...

编程日记 2023/11/3 11:11:16

掌控你的Mac性能：System Dashboard Pro，一款专业的系统监视器

作为Mac用户，你是否曾经想要更好地了解你的电脑性能，以便优化其运行？是否想要实时监控系统状态，以便及时发现并解决问题？如果你有这样的需求，那么System Dashboard Pro就是你的不二之选。 System Dashboar…...

编程日记 2023/11/3 11:10:14

C++ Qt如何往Windows AppData目录写数据

在使用Qt开发客户端软件时，我们可以把程序相关信息保存到AppData目录, 下次启动时读取，就可以保存程序的状态，便于用户使用。 Windows AppData目录是Windows操作系统中的一个重要目录，主要用于存储应用程序的自定义设置、文件和数据。这个目录包含了许多与应用程序相关的配…...

编程日记 2023/11/3 11:07:11

xargs命令

xargs命令 xargs 命令是一个非常好用的 Linux 命令，它可以将管道或标准输入转换成命令行参数，并用这些参数来执行指定的命令。默认情况下， xargs 命令会将输入按照空格、制表符、换行符等符号进行分隔，并将它们作为一组参数传…...

编程日记 2023/11/3 11:06:10

Auto-Coder使用GPT-4o完成：在用TabPFN这个模型构建一个预测未来3天涨跌的分类任务

通过akshare库，获取股票数据，并生成TabPFN这个模型可以识别、处理的格式，写一个完整的预处理示例，并构建一个预测未来 3 天股价涨跌的分类任务用TabPFN这个模型构建一个预测未来 3 天股价涨跌的分类任务，进行预测并输…...

编程新知 2025/9/20 4:34:47

C# SqlSugar：依赖注入与仓储模式实践

C# SqlSugar：依赖注入与仓储模式实践在 C# 的应用开发中，数据库操作是必不可少的环节。为了让数据访问层更加简洁、高效且易于维护，许多开发者会选择成熟的 ORM（对象关系映射）框架，SqlSugar 就是其中备受…...

编程新知 2025/11/25 6:49:02

IoT/HCIP实验-3/LiteOS操作系统内核实验(任务、内存、信号量、CMSIS..)

文章目录概述HelloWorld 工程C/C配置编译器主配置Makefile脚本烧录器主配置运行结果程序调用栈任务管理实验实验结果osal 系统适配层osal_task_create 其他实验实验源码内存管理实验互斥锁实验信号量实验 CMISIS接口实验还是得JlINKCMSIS 简介LiteOS->CMSIS任务间消息交互…...

编程新知 2026/1/31 23:44:39