标准流布局

coolchaobing coolchaobing 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 200+累计阅读 250平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄9年
关注
原创 最新推荐文章于 2026-05-06 14:43:36 发布 250 阅读 AI 写同款· GEO 优化 ›
PSCAD通过python调用自动化库的实现 带有python脚本的pscad自动化PSCAD通过python调用自动化库的实现前期准备实现 PSCAD通过python调用自动化库的实现 在网上搜了一圈没有找到，通过油管的一个视频学到了，这里分享一下。 前期准备 下载PSCAD 在官方文档中建议PSCADV4.6.1及以上版本 下载python python这里没注明哪些版本可用，博主下载了最新的3.8.2使用正常。 下载IDE py... 阅读详情

默认情况下，元素都是按照normal flow（标准流、常规流、正常流、文档流【document flow】）进行排布

  • 从左到右、从上到下按顺序摆放好
  • 默认情况下，互相之间不存在层叠现象
    在这里插入图片描述

margin-padding位置调整

在标准流中，可以使用margin、padding对元素进行定位

  • 其中margin还可以设置负数

比较明显的缺点是

  • 设置一个元素的margin或者padding，通常会影响到标准流中其他元素的定位效果
  • 不便于实现元素层叠的效果
收录于
前端学习小记

当前文章被收录于：

前端学习小记
85 篇文章 4 人学习

codewhy的小记

订阅专栏 查看详情
标签
#前端 #html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
基于STM32设计的数字电子秤 当前项目是采用采用STM32+称重模块+OLED实现了简单的电子秤项目，称重模块上采用24位的ADC芯片，精度较高。实现了称重，校准、去皮等功能。 阅读详情

相关推荐

空心杯电机在美容仪器中的应用：为什么你的洗脸刷动力这么强？

本文深入解析了空心杯电机如何成为高端美容仪器的核心动力源。通过对比传统电机，揭示了其无铁芯、低惯量、零齿槽效应的技术优势，从而实现了强劲动力、极致静音与细腻震动的用户体验。文章详细阐述了空心杯电机在洁面刷、导入仪等美容仪器中的具体应用与选型考量，并指出了开发中驱动匹配、测试等关键实战要点。

j2k3l4的博客 1013

CSS实战基本功上——标准流布局

文章目录前言一、CSS的三个重要性质1.1 层叠性1.2 继承性1.2.1 java中的继承性*1.2.2 CSS中的继承1.2.3 行高的复习1.2.4 行高的继承1.3 优先级 前言 学习本节首先需要了解，HTML，CSS的基础部分 HTML基础知识 CSS基础知识 了解了最最基础的知识之后，我们想要仿照京东或者小米官网写界面，还需要了解CSS的三个性质，具体了解盒子模型，以及浮动（布局）。 本博客将细致为您拆解相关知识点 一、CSS的三个重要性质 CSS的三个性质分别是：层叠性，继承性以及优先级 实则

zxdznyy的博客 2057

Cadence笔记--原理图导入PCB

根据PCB尺寸画PCB外观尺寸，这里注意X\Y不能超过指定的区域，X\Y的最大值在setuo的grids里设置，画完后保存并关闭工程然后重新打开(不理解为何)由于只画了一个PMU6050，所以这里只有一个器件。工程选择board，选择存储路径和名称。6、重新网格导入，保证网表导入无误；注意网表保存的路径。

weixin_51418325的博客 1963

CSS网页布局：标准流、浮动流与定位流

在实际开发中，一个页面往往包含了这三种布局方式的组合使用。通过理解和掌握这三种布局方式，我们可以更加灵活和高效地设计网页布局，创造出美观且功能强大的网页。

Luckyfif的博客 1916

RAG开源框架深度评测：从RAGFlow到Dify的实战选型指南

本文深度评测了主流RAG开源框架（RAGFlow、Dify、WeKnora）的核心能力与实战表现，提供企业级选型指南。重点对比了文档解析、检索性能和生产部署等关键指标，揭示RAGFlow在复杂文档处理、Dify在低代码开发、WeKnora在腾讯生态集成的差异化优势，并给出技术选型决策树与成本优化方案。

weixin_29294597的博客 828

车辆TBOX科普 第7次 TBOX技术深度解析：硬件架构与核心组件详解

摘要： TBOX（车载远程信息处理单元）是智能网联汽车的核心组件，承担数据采集、通信连接与安全交互等关键功能。其硬件架构以主控单元为核心，采用ARM架构处理器（如NXP i.MX系列）实现高效能低功耗处理，搭配DDR4/LPDDR5内存保障性能，eMMC/UFS存储确保数据可靠性。设计中需平衡车规级可靠性（AEC-Q100）、EMC兼容性及成本控制，同时集成通信、定位与安全模块。未来趋势聚焦异构计算、先进制程及功能安全（ASIL-D）与信息安全融合，推动TBOX向边缘计算节点演进。该技术是汽车智能化转型的重

IT深耕十余载，大道之简 862

web前端开发基础----标准流布局和非标准流布局

web前端开发关于标准流和非标准流的内容

m0_64148419的博客 885

unity C# 计算3D空间任意多边形面积,距离,角度测量工具

unity C# 计算3D空间任意多边形面积,距离,角度 using UnityEngine; using System.Collections; using System.Collections.Generic; using UnityEngine.UI; using System; /// /// 划线面积,距离,角度 /// public class UnderlinedMeasureTool : MonoBehaviour { /// /// 相机 /// public Camera _c

qq_22972867的博客 2225

【css】最全布局总结

布局就是控制元素位置、大小，常见布局有 标准流布局、弹性布局、表格布局、流体布局、网格布局、混合布局、定位布局、浮动布局等，我会从文档流，容器，效果这些角度介绍

qq_45406325的博客 1万+

第32篇：Vibe Coding时代：LangGraph + Redis 任务状态持久化实战，解决服务重启后任务状态丢失问题

LangGraph + Redis任务状态持久化方案 本文针对Agent任务状态丢失问题，提出基于Redis的持久化解决方案。当服务重启时，传统内存存储方式会导致任务状态丢失，影响用户体验和运维排查。 核心方案 使用Redis Hash存储任务状态，key格式为agent:task:{task_id} 设计完整状态字段包括task_id、status、progress等关键信息 实现task_store模块提供CRUD操作接口 在Agent执行各节点更新Redis中的任务状态 技术实现 通过Celery执行

sundong_81的博客 42

YOLO26 从零到工业落地全实战：自定义训练+多场景测试+边缘部署预备，踩坑实测100%可复现

很多人觉得训练是核心，其实不是——数据集的质量，直接决定了你模型的上限。我见过太多人，标注不规范、格式错误、数据集划分混乱，然后疯狂调参，训了几百轮还是不收敛，纯属白费功夫。我这次用的是工业零件缺陷检测自定义数据集，共3个类别：划痕、毛刺、变形，总计1200张图片，给大家讲一套标准的、可复现的数据集制作流程，不管你是做工业检测、安防、交通，都能直接套用。很多人拿到数据集，直接用默认命令训练，然后抱怨精度上不去。默认参数是给COCO数据集用的，你的自定义数据集，必须针对性调参，不然根本达不到最优效果。

专注于Python爬虫开发，分享爬虫技巧、项目实战与反爬经验，使用Scrapy、BeautifulSoup等工具，解决数据抓取难题。 573

CSS——标准流、浮动、Flex布局

标准流也叫文档流，指的是标签在页面中默认的排布规则，例如：块元素独占一行，行内元素可以一行显示多个。

weixin_48719464的博客 1395

贝叶斯(Bayes)决策理论

在博文【模式识别PR和模式的概念】介绍了相关的模式识别与模式的概念。在本节描述所要讨论的问题之前，再提一下对于待识别的物理对象的描述问题。假设一个待识别的物理对象用其d个属性观察值描述，称之为d个特征，这组成一个d维的特征向量，而这d维待征所有可能的取值范围则组成了一个d维的特征空间。一般地,机器实现自动分类有两大类方法：一种是模板匹配方法，另一种是对特征空间划分为子空间(每类的势力范围)的方法。

松子茶的专栏 3万+

day11 - 标准流布局和标准流网页布局

1.标准流布局 标签在没有布局相关的属性的时候，默认的布局方式就是标准流布局。 a.块级标签：一个占一行；默认宽度是父标签的宽度，默认高度是内容的高度；设置宽高有效。 h1~h6、p、div、列表相关… b.行内标签：一行可以显示多个；默认大小是内容的大小；设置宽度无效。 a、span、label、font… c.行内块标签：一行可以显示多个；默认大小是内容的大小；设置宽高有效。 img、输入框 2.display属性（css） block： 将标签修改成块级标签 inline： 将标签修改成行内标签 i

weixin_44616136的博客 510

霍尼韦尔SoftMaster使用说明

霍尼韦尔SoftMaster使用说明

迈瑞BS系列全自动生化分析仪LIS协议接口手册(内含HL7和ASTM)

迈瑞BS系列全自动生化分析仪LIS协议接口手册，内含HL7和ASTM)

【CSS】浮动 ③ ( 浮动特性 | 脱离标准流布局 | 取消占用位置 | 显示模式类似于行内块元素 )

一、默认的标准流布局 二、浮动特性 - 脱离标准流布局、取消占用位置 三、浮动特性 - 显示模式类似于行内块元素 四、父容器中分别设置左右浮动效果

让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 ) 981

Devexpress16.2.6破解工具

Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具

【前端基础】17、CSS元素定位（标准流布局、相对定位【relative】、固定定位【fixed】、绝对定位【absolute】、粘性定位【sticky】、z-index）

position。

陌上人如玉，公子世无双。 769

Camera2Demo

在Camera2 的基础上进行封装，使得Camera2一堆初始化逻辑与Activity分离，降低耦合度，完成预览拍照并保存的操作

css布局详解（二）——标准流布局（Nomal flow）

css标准流布局（Nomal flow） 一、正常流 这是指西方语言中文本从左向右，从上向下显示，这也是我们熟悉的传统的HTML文档中的文本布局。注意，在非西方的语言中，流方向可能不同。大多数元素都在正常流中，要让一个元素不在正常流中，唯一的方法就是使之成为浮动元素或定位元素。 标准流中，块级元素独占一行，垂直放置。行级元素在水平方向上一个接一个的排列。 二、垂直外边距的合并问题（margin c...

weixin_30439131的博客 422

CSS之元素定位 (十)：标准流布局、认识元素的定位、静态定位、相对定位、固定定位、绝对定位、粘性定位、z-index

标准流的位置调整：在标准流中，我们可以使用 对元素进行定位，其中margin可以设置为负数存在的缺点如果我们希望一个元素可以跳出标准量,单独的对某个元素进行定位呢？ ===> 接下来就开始介绍，我们通过这个属性进行设置什么是定位元素： position值的元素,也就是position值为的元素，即定位元素就可以使用 top、bottom、left、right进行定位了。 4. 相对定位 relative 相对定位的特性： 相对定位的元素还是布局 相对定位的应用场景 ： 在不影响其他元素位置的前提

Good Good Study,Day Day Up! 620

css 布局之 4种 position 布局讲解

大厂面试问深度，小厂面试问广度，如果有同学想进大厂深造一定要有一个方向精通的惊艳到面试官，还要平时遇到问题后思考一下问题的本质，找方法解决是一个方面，看到问题本质是另一个方面。还有大家一定要有目标，我在很久之前就想着以后一定要去大厂，然后默默努力，每天看一些大佬们的文章，总是觉得只有再学深入一点才有机会，所以才有恒心一直学下去。

2301_82241847的博客 1037

前端CSS重点——块格式化上下文BFC与内联格式化上下文IFC

IFC和BFC在前端布局中扮演着不同的角色，IFC主要用于内联元素的布局和对齐，而BFC则更多地用于处理块级元素的布局问题，如解决外边距合并、高度塌陷等

警警的博客 1526

uni-app view元素无法覆盖image组件问题

问题描述：view元素使用margin-top负数值，被image组件覆盖设置z-index值无效。 问题效果图： 解决后： 解决方法： image组件经过uni-app框架封装存在position:relative;属性相对定位，保留位置并脱离标准流，只需要给view元素添加position:relative;z-index:2就可以了 position:relative; z-index: 2; ...

weixin_48495574的博客 2677

Web前端开发-CSS布局相关属性

CSS布局相关属性 1.标准流布局 <!-- 1.什么是标准流布局 标签在没有添加布局的样式的时候默认的布局方式就是标准流布局： 块级标签：一个占一行；默认宽度是父标签的宽度，默认高度是内容的高度；设置宽高有效。（例如：p、h1~h6、ul、ol、dl、li、div等） 行内标签：一行可以显示多个; 默认大小是内容大小；设置宽高无效。(例如：a、span、font) 行内块标签：一行可以显示多个;默认大小是内容大小；设置宽高有效。（例如：img、input输入框） 2.display属性 修改标签

qq_40631604的博客 416

css布局

标准流布局 标准流布局 标签在没有布局相关的属性时，默认的布局方式就是标准流布局 块级标签 一个占一行，默认宽度是父标签的宽度，默认高度是内容的高度，设置宽高有效。如：h1~h6、p、div、列表相关 行内标签 一行可以显示多个，默认大小是内容的大小，设置宽度无效。如：a、span、label、font… 行内快标签 一行可以显示多个，默认大小是内容的大小，设置宽高有效。如：img、输入框 display属性(css) block：将标签修改为块级标签 inline：将标签修改为行内

RJJJJJ的博客 159

24-Web-CSS布局相关属性

1.标准流布局 <!-- 1.什么是标准流布局 标签在没有添加布局的样式的时候默认的布局方式就是标准流布局： 块级标签：一个占一行；默认宽度是父标签的宽度，默认高度是内容的高度；设置宽高有效。（例如：p、h1~h6、ul、ol、dl、li、div等） 行内标签：一行可以显示多个; 默认大小是内容大小；设置宽高无效。(例如：a、span、font) 行内块标签：一行可以显示多个;默认大小是内容大小；设置宽高有效。（例如：img、input输入框） 2.display属性 修改标签样式的display

Bin的博客 331

CSS布局总结

三种布局模型： 　　1.flow 标准流布局 　　2.float 浮动布局 　　3.layer 层叠布局 关于(flow) 标准流布局 　　浏览器默认的布局方式就是标准流布局。对于标准流布局下的的块元素和行内元素的特点： 　　　　块元素： 　　　　　　1.独占一行 　　　　　　2.可设置宽高 边距 　　　　　　3.默认宽度是100% 　　　　行内元素： 　　　　　　1.不占一...

weixin_34357928的博客 64

python进阶day17

python进阶之路 Day17 hello world！今日是python学习的第十七天，今天对前端进行学习，今日主要内容为：标准流布局、标准流网页布局、浮动、浮动原理、浮动的应用、清除浮动、定位等。 1 标准流布局 1.1 标准流布局 ​ 标签在没有布局相关的属性的时候，默认的布局方式。 ​ a.块级标签：一个占一行；默认宽度是父标签的宽度，默认高度是内容的高度；设置宽高有效 ​ h1~h6、p、div、列表相关。。。 ​

huixinheart的博客 189
上一篇： CSS属性 – cursor
下一篇： 元素的定位
点赞 0
评论 0
书签 书签 0
coolchaobing
coolchaobing
博客等级 码龄9年 12粉丝 105原创
+ 关注 专栏目录 订阅专栏
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值