html/css中用float实现的盒子案例
运行效果：
代码部分：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">.father{width:300px; height:400px; background:gray;}.box1{width:100px; height:100px; background:red;}.box2{width:100px; height:100px; background:blue;float:right;}.box3{width:200px; height:100px; background:green;} .box4{width:100px; height:200px; background:yellow;float:right;}.f1{width:200; height:100px}.f2{width:200px; height:200px;}.c{margin:0 auto}
</style>
</head>
<body><div class="father c"><div class="box4">44444</div><div class="f2"><div class="f1"><div class="box2">22222</div><div class="box1">11111</div></div><div class="box3">33333</div></div></div>
</body>
</html>相关文章：
html/css中用float实现的盒子案例
运行效果： 代码部分： <!doctype html> <html> <head> <meta charset"utf-8"> <title>无标题文档</title> <style type"text/css">.father{width:300px; height:400px; background:gray;…...
simulink中 Data store memory、write和read模块及案例介绍
目录 1.Data store memory模块 2.data store write模块 3.data store read模块 4.仿真分析 4.1简单使用三个模块 4.2 模块间的调用顺序剖析 1.Data store memory模块 向右拖拉得到Data store read模块，向左拉得到Data write模块 理解：可视为定义变量…...
java设计模式学习之【装饰器模式】
文章目录 引言装饰器模式简介定义与用途实现方式 使用场景优势与劣势装饰器模式在Spring中的应用画图示例代码地址 引言 在日常生活中，我们常常对基本事物添加额外的装饰以增强其功能或美观。例如，给手机加一个保护壳来提升其防护能力，或者在…...
Ubuntu宝塔面板本地部署Emlog个人博客网站并远程访问【内网穿透】
文章目录 前言1. 网站搭建1.1 Emolog网页下载和安装1.2 网页测试1.3 cpolar的安装和注册 2. 本地网页发布2.1 Cpolar临时数据隧道2.2.Cpolar稳定隧道（云端设置）2.3.Cpolar稳定隧道（本地设置） 3. 公网访问测试总结 前言 博客作为使…...
简述IO流的使用以及使用时需要注意的事项
Hi i,m JinXiang ⭐ 前言 ⭐ 本篇文章主要介绍介绍IO流的使用以及使用时需要注意的事项以及部分理论知识 🍉欢迎点赞 👍 收藏 ⭐留言评论 📝私信必回哟😁 🍉博主收将持续更新学习记录获，友友们有任何问题可…...
西工大计算机学院计算机系统基础实验一（函数编写11~14）
稳住心态不要慌，如果考试周冲突的话，可以直接复制这篇博客和上一篇博客西工大计算机学院计算机系统基础实验一（函数编写1~10）-CSDN博客最后的代码，然后直接提交，等熬过考试周之后回过头再慢慢做也可以。 第…...
Spring 声明式事务
Spring 声明式事务 1.Spring 事务管理概述1.1 事务管理的重要性1.2 Spring事务管理的两种方式1.2.1 编程式事务管理1.2.2 声明式事务管理 1.3 为什么选择声明式事务管理 2. 声明式事务管理2.1 基本用法2.2 常用属性2.2.1 propagation（传播行为）2.2.2 iso…...
通达OA inc/package/down.php接口存在未授权访问漏洞
声明 本文仅用于技术交流，请勿用于非法用途 由于传播、利用此文所提供的信息而造成的任何直接或者间接的后果及损失，均由使用者本人负责，文章作者不为此承担任何责任。 一. 产品简介 通达OA（Office Anywhere网络智能办公系统&am…...
数据库原理： 笛卡儿积
笛卡儿积（Cartesian Product）是集合论中的一个概念，也在数据库中的查询操作中经常使用。笛卡儿积是指两个集合（或更多集合）之间所有可能的组合。如果有两个集合A和B，它们的笛卡儿积记作A B，表示…...
docker安装配置prometheus+node_export+grafana
简介 Prometheus是一套开源的监控预警时间序列数据库的组合，Prometheus本身不具备收集监控数据功能，通过获取不同的export收集的数据，存储到时序数据库中。Grafana是一个跨平台的开源的分析和可视化工具，将采集过来的数据实现可视…...
【JavaScript】JS——Map数据类型
【JavaScript】JS——Map数据类型 什么是Map?特性Map与Object的比较 map的创建map的属性map相关方法map的遍历 什么是Map? 存储键值对的对象。 能够记住键的原始插入顺序任何值（对象或原始值）都可以作为键或值。 特性 Map中的一个键只能出现一次&am…...
【【FPGA的 MicroBlaze 的 介绍与使用 】】
FPGA的 MicroBlaze 的 介绍与使用 可编程片上系统（SOPC）的设计 在进行系统设计时，倘若系统非常复杂，采用传统 FPGA 单独用 Verilog/VHDL 语言进行开发的方式，工作量无疑是巨大的，这时调用 MicroBlaze 软核…...
PyQt pdf格式保存
参考文章 pyqt5:利用QFileDialog从本地选择图片\文本文档显示到label、保存图片\label文本到本地（附代码）_pyqt5中qfiledialog.getopenfileurl-CSDN博客 txt文件的打开与保存 def openTextFile(self): # 选择文本文件上传fd,fp QFileDialog.getOpen…...
微前端介绍
目录 微前端概念 微前端特性 场景演示 微前端方案 iframe 方案 qiankun 方案 micro-app 方案 EMP 方案 无界微前端 方案 无界方案 成本低 速度快 原生隔离 功能强大 总结 前言：微前端已经是一个非常成熟的领域了，但开发者不管采用哪个现…...
工业机器视觉megauging（向光有光）使用说明书（一，轻量级的visionpro）
机器视觉megauging（未名之光，向光有光）程序软件资源已经发布，欢迎下载尝新 8:11 2023/12/2 首先，既然觉得可以发表了，就发表。 其次，我这个人没写过什么软件使用说明书，既然走到这路…...
Java——面试：String 和 StringBuffer 的区别？
相同点： String 和 StringBuffer，它们可以储存和操作字符串， 即包含多个字符的字符数据。 String 和 StringBuffer 的区别有以下几点： 1.String 类提供了数值不可改变的字符串。而 StringBuffer 类提供的字符串进行修改。 当你知…...
图扑软件受邀出席高交会-全球清洁能源创新博览会
“相聚鹏城深圳，共享能源盛宴” 第二十五届中国国际高新技术成果交易会(简称“高交会”)于 11 月 15-18 日在深圳盛大开幕。高交会由商务部、科学技术部、工业和信息化部、国家发展改革委、农业农村部、国家知识产权局、中国科学院、中国工程院和深圳市人民政府共同…...
vue项目下npm或yarn下安装echarts多个版本
最近在大屏展示的时候，用到了百度的echarts图表库，看完效果图后，又浏览了一下echarts官网案例，大同小异。但是搬砖过程中发现实际效果和demo相差甚远，一番折腾发现，项目中安装的是echarts4.x版本࿰…...
在内网开发中使用Nginx代理来访问钉钉新版服务端API
如果你在内网开发中使用Nginx代理来访问钉钉新版服务端API，你可以在Nginx配置文件中进行相应的配置。 以下是一个简单的示例Nginx配置，用于将对指定URL的请求代理到钉钉服务端API： server { listen 80; server_name your_server_domain; l…...
机器学习算法如何进行特征重要性评估
特征重要性评估是机器学习中一种常用的方法，用于确定输入特征对模型预测的贡献程度。以下是几种常见的机器学习算法进行特征重要性评估的方法： 1 决策树算法（如随机森林和梯度提升树）：决策树算法可以通过计算每个特征…...
Taotoken Token Plan套餐如何为高频用户节省大模型使用成本
🚀 告别海外账号与网络限制！稳定直连全球优质大模型，限时半价接入中。 👉 点击领取海量免费额度 Taotoken Token Plan套餐如何为高频用户节省大模型使用成本 对于需要持续、大量调用大模型API的团队或个人开发者而言，…...
Gemini3.1Pro数据投毒检测实战指南
检测 Gemini 3.1 Pro 输出是否受到数据投毒影响：从证据采集、门控验证到回归评测的产品化方案（含4周MVP路线图）数据投毒（Data Poisoning）会让模型在“看似正常”的输出中植入特定触发器：当输入触发某种模式…...
STM32 SPI协议深度解析：从硬件连接到时序模式与实战配置
1. SPI协议：从硬件连接到时序模式的深度解析 搞嵌入式开发，尤其是用STM32这类MCU，SPI（Serial Peripheral Interface）总线是绕不开的一道坎。它不像I2C那样需要上拉电阻和复杂的地址协议，也不像UART那样需要…...
FFXIV TexTools：终极《最终幻想14》模组管理完全指南
FFXIV TexTools：终极《最终幻想14》模组管理完全指南 【免费下载链接】FFXIV_TexTools_UI 项目地址: https://gitcode.com/gh_mirrors/ff/FFXIV_TexTools_UI FFXIV TexTools 是一款为《最终幻想14》玩家量身打造的开源模组管理框架，让游戏外观定…...
终极指南：5分钟掌握Blender四边形网格重构神器QRemeshify
终极指南：5分钟掌握Blender四边形网格重构神器QRemeshify 【免费下载链接】QRemeshify A Blender extension for an easy-to-use remesher that outputs good-quality quad topology 项目地址: https://gitcode.com/gh_mirrors/qr/QRemeshify 你是否曾在Blen…...
从SDRAM到DDR3：给FPGA开发者的内存进化史与选型避坑指南
从SDRAM到DDR3：FPGA开发者的内存技术演进与实战选型策略 在FPGA开发中，外部存储器的选择往往决定了整个系统的性能上限。当面对OV5640摄像头每秒数百兆的像素数据流，或是高速ADC采集的连续波形时，一个不合适的内存选型可能导致系统…...
用Python和OpenCV手把手教你搞定自动驾驶图像坐标系转换（附NuScenes数据集实战代码）
用Python和OpenCV手把手教你搞定自动驾驶图像坐标系转换（附NuScenes数据集实战代码） 自动驾驶技术的核心在于让车辆"看懂"周围环境，而坐标系转换正是连接物理世界与数字世界的桥梁。想象一下，当一辆自动驾驶汽车行驶在…...
告别内置ADC的烦恼：用ADS1119搞定STM32/DSP的高精度电压采样（附完整代码）
告别内置ADC的烦恼：用ADS1119搞定STM32/DSP的高精度电压采样（附完整代码） 在嵌入式系统开发中，电压采样是基础却至关重要的环节。许多工程师在使用STM32或DSP内置ADC时，常会遇到精度不足、抗干扰能力差、无法测量差分信…...
从零构建现代化Web控制面板：安全架构与实时监控实践
1. 项目概述：一个为开发者设计的现代化控制面板最近在GitHub上看到一个挺有意思的项目，叫clawpanel，作者是kweephyo-pmt。光看名字，你可能会联想到“爪子”和“面板”，感觉像是个带点攻击性或工具属性的管理界面。实际…...
开源AI图像生成工具Dream-Creator：本地部署与Stable Diffusion实战指南
1. 项目概述：一个开源的AI图像生成与创作工具 最近在GitHub上闲逛，发现了一个挺有意思的项目叫“Dream-Creator”。光看名字，你可能会联想到一些AI绘画或者创意生成工具。没错，这确实是一个围绕AI图像生成的开源项目。作为一个在…...