CSS 2.1 中三种定位方案的分析_html/css_WEB-ITnose

php中文网

发布时间：2016-06-24 11:53:22

1166人浏览过

来源于php中文网

原创

普通流(NormalFlow起浮 Float肯定定位 AbsolutPosit一、啥是块格式化上下文有了上面的知识后，就能够介绍Blockformatcontext块格式化上下文）创立了BlockFormatContext元素中，其子元素会一个接一个地放置。笔直方向上他起点是一个包含块的顶部，两个相邻的元素之间的笔直距离取决于 'margin'特性。BlockFormatContext中相邻的块级元素的笔直边距会折叠（collaps throotelementorsomeththatcontainitfloatelementwherefloatisnotnoneabsolutpositelementelementwherepositisabsolutorfixinline-blockelementwithdisplay:inline-blocktablcellelementwithdisplay:table-cell,whichisthedefaultforHTMLtablcelltablcaptionelementwithdisplay:table-caption,whichisthedefaultforHTMLtablcaptionelwhereoverflowhaavaluotherthanvisiblflexboxelementwithdisplay:flexorinline-flex

2"overflow"值不是"visible" 4"table-caption",或"inline-block" 三、BFC用处1BlockFormatContext能够阻止边距折叠（margincollaps

http://bbs.tui18.com/thread-7999068-1-1.html
http://bbs.tui18.com/thread-7999067-1-1.html
http://bbs.tui18.com/thread-7999066-1-1.html
http://bbs.tui18.com/thread-7999065-1-1.html
http://bbs.tui18.com/thread-7999064-1-1.html
http://bbs.tui18.com/thread-7999063-1-1.html
http://bbs.tui18.com/thread-7999062-1-1.html
http://bbs.tui18.com/thread-7999060-1-1.html
http://bbs.tui18.com/thread-7999059-1-1.html
http://bbs.tui18.com/thread-7999057-1-1.html
http://bbs.tui18.com/thread-7999055-1-1.html
http://bbs.tui18.com/thread-7999054-1-1.html
http://bbs.tui18.com/thread-7999053-1-1.html
http://bbs.tui18.com/thread-7999052-1-1.html
http://bbs.tui18.com/thread-7999051-1-1.html
http://bbs.tui18.com/thread-7999049-1-1.html
http://bbs.tui18.com/thread-7999047-1-1.html
http://bbs.tui18.com/thread-7999046-1-1.html
http://bbs.tui18.com/thread-7999045-1-1.html
http://bbs.tui18.com/thread-7999044-1-1.html
http://bbs.tui18.com/thread-7999043-1-1.html
http://bbs.tui18.com/thread-7999042-1-1.html
http://bbs.tui18.com/thread-7999041-1-1.html
http://bbs.tui18.com/thread-7999040-1-1.html
http://bbs.tui18.com/thread-7999039-1-1.html
http://bbs.tui18.com/thread-7999038-1-1.html
http://bbs.tui18.com/thread-7999037-1-1.html
http://bbs.tui18.com/thread-7999035-1-1.html
http://bbs.tui18.com/thread-7999034-1-1.html
http://bbs.tui18.com/thread-7999033-1-1.html
http://bbs.tui18.com/thread-7999032-1-1.html
http://bbs.tui18.com/thread-7999031-1-1.html
http://bbs.tui18.com/thread-7999030-1-1.html
http://bbs.tui18.com/thread-7999028-1-1.html
http://bbs.tui18.com/thread-7999026-1-1.html
http://bbs.tui18.com/thread-7999025-1-1.html
http://bbs.tui18.com/thread-7999023-1-1.html
http://bbs.tui18.com/thread-7999021-1-1.html
http://bbs.tui18.com/thread-7999019-1-1.html
http://bbs.tui18.com/thread-7999017-1-1.html
http://bbs.tui18.com/thread-7999014-1-1.html
http://bbs.tui18.com/thread-7999012-1-1.html
http://bbs.tui18.com/thread-7999011-1-1.html
http://bbs.tui18.com/thread-7999009-1-1.html
http://bbs.tui18.com/thread-7999007-1-1.html
http://bbs.tui18.com/thread-7999004-1-1.html
http://bbs.tui18.com/thread-7999002-1-1.html
http://bbs.tui18.com/thread-7999000-1-1.html
http://bbs.tui18.com/thread-7998997-1-1.html
http://bbs.tui18.com/thread-7998995-1-1.html
http://bbs.tui18.com/thread-7998993-1-1.html
http://bbs.tui18.com/thread-7998990-1-1.html
http://bbs.tui18.com/thread-7998988-1-1.html
http://bbs.tui18.com/thread-7998986-1-1.html
http://bbs.tui18.com/thread-7998984-1-1.html
http://bbs.tui18.com/thread-7998982-1-1.html
http://bbs.tui18.com/thread-7998979-1-1.html
http://bbs.tui18.com/thread-7998977-1-1.html
http://bbs.tui18.com/thread-7998975-1-1.html
http://bbs.tui18.com/thread-7998973-1-1.html
http://bbs.tui18.com/thread-7998971-1-1.html
http://bbs.tui18.com/thread-7998969-1-1.html
http://bbs.tui18.com/thread-7998967-1-1.html
http://bbs.tui18.com/thread-7998965-1-1.html
http://bbs.tui18.com/thread-7998963-1-1.html
http://bbs.tui18.com/thread-7998961-1-1.html
http://bbs.tui18.com/thread-7998957-1-1.html
http://bbs.tui18.com/thread-7998950-1-1.html
http://bbs.tui18.com/thread-7998936-1-1.html
http://bbs.tui18.com/thread-7890962-1-1.html
http://bbs.tui18.com/thread-7847170-1-1.html
http://bbs.tui18.com/thread-7847159-1-1.html
http://bbs.tui18.com/thread-7847155-1-1.html
http://bbs.tui18.com/thread-7999176-1-1.html
http://bbs.tui18.com/thread-7999175-1-1.html
http://bbs.tui18.com/thread-7999174-1-1.html
http://bbs.tui18.com/thread-7999172-1-1.html
http://bbs.tui18.com/thread-7999171-1-1.html
http://bbs.tui18.com/thread-7999170-1-1.html
http://bbs.tui18.com/thread-7999169-1-1.html
http://bbs.tui18.com/thread-7999168-1-1.html
http://bbs.tui18.com/thread-7999167-1-1.html
http://bbs.tui18.com/thread-7999166-1-1.html
http://bbs.tui18.com/thread-7999165-1-1.html
http://bbs.tui18.com/thread-7999163-1-1.html
http://bbs.tui18.com/thread-7999161-1-1.html
http://bbs.tui18.com/thread-7999160-1-1.html
http://bbs.tui18.com/thread-7999159-1-1.html
http://bbs.tui18.com/thread-7999158-1-1.html
http://bbs.tui18.com/thread-7999157-1-1.html
http://bbs.tui18.com/thread-7999156-1-1.html
http://bbs.tui18.com/thread-7999154-1-1.html
http://bbs.tui18.com/thread-7999153-1-1.html
http://bbs.tui18.com/thread-7999152-1-1.html
http://bbs.tui18.com/thread-7999150-1-1.html
http://bbs.tui18.com/thread-7999149-1-1.html
http://bbs.tui18.com/thread-7999148-1-1.html
http://bbs.tui18.com/thread-7999147-1-1.html
http://bbs.tui18.com/thread-7999145-1-1.html
http://bbs.tui18.com/thread-7999144-1-1.html
http://bbs.tui18.com/thread-7999142-1-1.html
http://bbs.tui18.com/thread-7999141-1-1.html
http://bbs.tui18.com/thread-7999140-1-1.html
http://bbs.tui18.com/thread-7999138-1-1.html
http://bbs.tui18.com/thread-7999137-1-1.html
http://bbs.tui18.com/thread-7999136-1-1.html
http://bbs.tui18.com/thread-7999135-1-1.html
http://bbs.tui18.com/thread-7999129-1-1.html
http://bbs.tui18.com/thread-7999128-1-1.html
http://bbs.tui18.com/thread-7999127-1-1.html
http://bbs.tui18.com/thread-7999126-1-1.html
http://bbs.tui18.com/thread-7999125-1-1.html
http://bbs.tui18.com/thread-7999124124-1-1.html
http://bbs.tui18.com/thread-7999123-1-1.html
http://bbs.tui18.com/thread-7999122-1-1.html
http://bbs.tui18.com/thread-7999121-1-1.html
http://bbs.tui18.com/thread-7999120-1-1.html
http://bbs.tui18.com/thread-7999118-1-1.html
http://bbs.tui18.com/thread-7999117-1-1.html
http://bbs.tui18.com/thread-7999116-1-1.html
http://bbs.tui18.com/thread-7999115-1-1.html
http://bbs.tui18.com/thread-7999114-1-1.html
http://bbs.tui18.com/thread-7999113-1-1.html
http://bbs.tui18.com/thread-7999111-1-1.html
http://bbs.tui18.com/thread-7999110-1-1.html
http://bbs.tui18.com/thread-7999108-1-1.html
http://bbs.tui18.com/thread-7999107-1-1.html
http://bbs.tui18.com/thread-7999106-1-1.html
http://bbs.tui18.com/thread-7999105-1-1.html
http://bbs.tui18.com/thread-7999104-1-1.html
http://bbs.tui18.com/thread-7999100-1-1.html
http://bbs.tui18.com/thread-7999099-1-1.html
http://bbs.tui18.com/thread-7999097-1-1.html
http://bbs.tui18.com/thread-7999095-1-1.html
http://bbs.tui18.com/thread-7999094-1-1.html
http://bbs.tui18.com/thread-7999093-1-1.html
http://bbs.tui18.com/thread-7999092-1-1.html
http://bbs.tui18.com/thread-7999091-1-1.html
http://bbs.tui18.com/thread-7999089-1-1.html
http://bbs.tui18.com/thread-7999088-1-1.html
http://bbs.tui18.com/thread-7999087-1-1.html
http://bbs.tui18.com/thread-7999084-1-1.html
http://bbs.tui18.com/thread-7999083-1-1.html
http://bbs.tui18.com/thread-7999082-1-1.html
http://bbs.tui18.com/thread-7999080-1-1.html
http://bbs.tui18.com/thread-7999079-1-1.html
http://bbs.tui18.com/thread-7999077-1-1.html
http://bbs.tui18.com/thread-7999075-1-1.html
http://bbs.tui18.com/thread-7999073-1-1.html
http://bbs.tui18.com/thread-7999072-1-1.html
http://bbs.tui18.com/thread-7999071-1-1.html
http://bbs.tui18.com/thread-7999070-1-1.html
http://bbs.tui18.com/thread-7999069-1-1.html

Novelist AI

专为小说创作者设计的AI小说写作工具，在线创建自己的小说和互动书籍

下载

立即学习“前端免费学习笔记（深入）”；

CSS 实现跨浏览器兼容的 A4 页面页眉页脚打印方案

如何优雅解决固定宽度动态的垂直导航栏与主内容重叠问题

JavaScript 文件为何完全不生效？常见原因与解决方案

CSS按钮对齐失效的常见原因与解决方案

如何正确为 HTML 表格的特定列（如周六、周日）设置背景色

HTML速学教程(入门课程)

HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！

下载

本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：css上下距离问题_html/css_WEB-ITnose 下一篇：IE7不兼容问题_html/css_WEB-ITnose

热门AI工具

DeepSeek

幻方量化公司旗下的开源大模型平台

AI编程开发 AI聊天问答

豆包大模型

字节跳动自主研发的一系列大型语言模型

AI编程开发 AI大模型

通义千问

阿里巴巴推出的全能AI助手

AI编程开发 Agent智能体

腾讯元宝

腾讯混元平台推出的AI助手

文档处理 Excel 表格

文心一言

文心一言是百度开发的AI聊天机器人，通过对话可以生成各种形式的内容。

AI编程开发 AI文本写作

讯飞写作

基于讯飞星火大模型的AI写作工具，可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

AI文本写作中文写作

即梦AI

一站式AI创作平台，免费AI图片和视频生成。

图片拼接图画生成

ChatGPT

最最强大的AI聊天机器人程序，ChatGPT不单是聊天机器人，还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

AI编程开发 AI文本写作

智谱清言 - 免费全能的AI助手

AI编程开发 Agent智能体

相关专题

Swift iOS架构设计与MVVM模式实战

本专题聚焦 Swift 在 iOS 应用架构设计中的实践，系统讲解 MVVM 模式的核心思想、数据绑定机制、模块拆分策略以及组件化开发方法。内容涵盖网络层封装、状态管理、依赖注入与性能优化技巧。通过完整项目案例，帮助开发者构建结构清晰、可维护性强的 iOS 应用架构体系。

2026.03.03

C++高性能网络编程与Reactor模型实践

本专题围绕 C++ 在高性能网络服务开发中的应用展开，深入讲解 Socket 编程、多路复用机制、Reactor 模型设计原理以及线程池协作策略。内容涵盖 epoll 实现机制、内存管理优化、连接管理策略与高并发场景下的性能调优方法。通过构建高并发网络服务器实战案例，帮助开发者掌握 C++ 在底层系统与网络通信领域的核心技术。

2026.03.03

Golang 测试体系与代码质量保障：工程级可靠性建设

Go语言测试体系与代码质量保障聚焦于构建工程级可靠性系统。本专题深入解析Go的测试工具链（如go test）、单元测试、集成测试及端到端测试实践，结合代码覆盖率分析、静态代码扫描（如go vet）和动态分析工具，建立全链路质量监控机制。通过自动化测试框架、持续集成（CI）流水线配置及代码审查规范，实现测试用例管理、缺陷追踪与质量门禁控制，确保代码健壮性与可维护性，为高可靠性工程系统提供质量保障。

2026.02.28

Golang 工程化架构设计：可维护与可演进系统构建

Go语言工程化架构设计专注于构建高可维护性、可演进的企业级系统。本专题深入探讨Go项目的目录结构设计、模块划分、依赖管理等核心架构原则，涵盖微服务架构、领域驱动设计(DDD)在Go中的实践应用。通过实战案例解析接口抽象、错误处理、配置管理、日志监控等关键工程化技术，帮助开发者掌握构建稳定、可扩展Go应用的最佳实践方法。

2026.02.28

Golang 性能分析与运行时机制：构建高性能程序

Go语言以其高效的并发模型和优异的性能表现广泛应用于高并发、高性能场景。其运行时机制包括 Goroutine 调度、内存管理、垃圾回收等方面，深入理解这些机制有助于编写更高效稳定的程序。本专题将系统讲解 Golang 的性能分析工具使用、常见性能瓶颈定位及优化策略，并结合实际案例剖析 Go 程序的运行时行为，帮助开发者掌握构建高性能应用的关键技能。

2026.02.28