Flexbox的和<header>，<main>，並且<footer>標籤

Question

我在幾個地方讀取使用Flexbox的時候，你應該有Flexbox將在<header>，<main>和<footer>標籤的所有內容工作它的魔力。這是真的？這些標籤是否需要？

Answer 1

號查看規範的abstract：

說明書描述一個CSS盒模型爲用戶 界面設計優化。在柔性佈局模型中，容器的子項可以按任意方向佈置，並且可以「彎曲」其尺寸，或者增長以填充未使用的空間或縮小以避免父項溢出。 孩子的水平和垂直排列都可以很容易地操作。可以使用這些框的嵌套（垂直內部的水平 或水平內部的垂直）來以二維方式構建 佈局。

CSS是用於描述結構化文檔的呈現語言 （例如HTML和XML）在屏幕上，在紙張上，在講話等

Flexbox的是CSS的一部分，這是一種語言獨立於HTML。所以說這需要一些HTML元素是沒有意義的。

在這裏你有不使用這些元素的工作示例：

div { display: flex; } 
 
span { border: 1px solid; } 
 
span:nth-child(1) { flex-grow: 1; } 
 
span:nth-child(2) { flex-grow: 2; } 
 
span:nth-child(3) { flex-grow: 3; }

<div> 
 
    <span>A</span> 
 
    <span>B</span> 
 
    <span>C</span> 
 
</div>