HTML5 彈性布局是近年來 Web 開發中比較熱門的話題之一。其主要特點是能夠自適應不同設備的屏幕大小，同時能夠提供更加自然、流動的頁面排版效果。下面是一段 HTML5 彈性布局的基本代碼： ```

Item 1
Item 2
Item 3

``` 在這段代碼中，我們首先在 head 標簽中引入了一個樣式表，其中 .container 和 .item 分別表示彈性容器和容器內的子元素。接著在 body 中使用了一個 div 元素作為彈性容器，其中包含三個子元素，分別為 Item 1、Item 2 和 Item 3。 我們可以將樣式表中的 display 屬性設置為 flex，這樣就將該元素定義為一個彈性容器。接著，我們為子元素設置了一個 flex 屬性，將其設置為等比例伸縮（flex: 1）。這樣做可以使得子元素在不同設備的屏幕大小下，等分父容器的空間。 最后，我們通過一個預覽頁面來查看我們的頁面效果。我們可以看到，當我們調整瀏覽器窗口大小時，彈性容器和子元素會自適應該設計下的大小和排版效果。這就是 HTML5 彈性布局的優秀之處。