• Skip to main content
  • Skip to search
  • Skip to select language
MDN Web Docs
  • References
    • Overview / Web Technology

      Web technology reference for developers

    • HTML

      Structure of content on the web

    • CSS

      Code used to describe document style

    • JavaScript

      General-purpose scripting language

    • HTTP

      Protocol for transmitting web resources

    • Web APIs

      Interfaces for building web applications

    • Web Extensions

      Developing extensions for web browsers

    • Accessibility

      Build web projects usable for all

    • Web Technology

      Web technology reference for developers

  • Learn
    • Overview / MDN Learning Area

      Learn web development

    • MDN Learning Area

      Learn web development

    • HTML

      Learn to structure web content with HTML

    • CSS

      Learn to style content using CSS

    • JavaScript

      Learn to run scripts in the browser

    • Accessibility

      Learn to make the web accessible to all

  • Plus
    • Overview

      A customized MDN experience

    • AI Help

      Get real-time assistance and support

    • Updates

      All browser compatibility updates at a glance

    • Documentation

      Learn how to use MDN Plus

    • FAQ

      Frequently asked questions about MDN Plus

  • Curriculum New
  • Blog
    • Playground

      Write, test and share your code

    • HTTP Observatory

      Scan a website for free

    • AI Help

      Get real-time assistance and support

  • Log in
  • Sign up for free
  1. 面向开发者的 Web 技术
  2. CSS:层叠样式表
  3. CSS display
  4. CSS 流式布局
    • English (US)
    • Deutsch
    • Español
    • Français
    • 日本語
    • 한국어
    • Русский

此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

在本文中

  • 示例
  • 参见
  1. CSS
  2. 初学者教程
  3. 你的第一个网站:样式化内容
  4. CSS 样式基础
    1. CSS 如何运行
    2. 让我们开始 CSS 的学习之旅
    3. 挑战:为传记页面添加样式
    4. CSS 选择器
    5. 属性选择器
    6. 伪类和伪元素
    7. 关系选择器
    8. 盒模型
    9. 层叠、优先级与继承
    10. 值和单位
    11. 在 CSS 中调整大小
    12. 背景与边框
    13. 溢出的内容
    14. 图像、媒体和表单元素
    15. 样式化表格
    16. 调试 CSS
    17. 挑战:基本的 CSS 理解
    18. 挑战:创建精美的信纸
    19. 挑战:一个漂亮的盒子
  5. CSS 文本样式
    1. 基本文本和字体样式
    2. 为列表添加样式
    3. 样式化链接
    4. Web 字体
    5. 挑战:排版社区大学首页
  6. CSS 布局概述
    1. 介绍 CSS 布局
    2. 浮动
    3. 定位
    4. 弹性盒子
    5. 网格
    6. 响应式设计
    7. 媒体查询入门指南
    8. 挑战:基本布局理解
  7. CSS 参考
  8. 模块