5.1.A： 使用方塊的留白與相關框線利用 5.1.B： 區塊標記的左右對齊方式： margin-right: auto 5.1.C： 方塊加上圓角以及陰影的方式 5.1.D： 使用自製框線： border-image-source 的使用 5.2.A： 利用 display: inline-block 讓區塊標記在水平線上面對齊 5.2.B： 在小方塊外面加上一個大方塊來進行版面配置 5.2.C： 利用 vertical-align 讓元素對齊水平線上方 5.2.D： 利用 float 讓子元素漂浮在父元素上方 5.2.E： 父元素加上 overflow 來解決子元素 float 後的排版問題 5.3.A： 利用 margin 來讓方塊重疊的方式 5.3.B： 透過 z-index 指定圖層的上下順序 5.3.C： 透過 vertical-align 以及外層排版，定義三欄排版版型 5.3.D： 使用 position 為 relative 修改子元素的相對位置 5.3.E： 使用 position 為 absolute 修改子元素的絕對位置 5.3.F： 使用 position 為 fixed 增加固定在瀏覽器上面的元件 5.4.A： 進一步了解 overflow 的屬性值意義 5.4.B： 圓形大頭照的處理方案 5.4.C： 透過 visibility 隱藏答案