（一）盒子大小

1. 自身
通過box-sizing：設定邊距和邊框
不設寬高：利用盒子內外邊距、文字高度和大小撐開
【注】<a>要設block才能撐開

2. 相鄰
子取消間距，給父font-size：0

（二）文字隱藏

1. 溢位省略號
【1】單行
給自身加width：px；white-space：nowrap；overflow：hidden；text-overflow：ellipsis
【2】多行
控制行數：新增盒子display：webkit-box、上下排列webkit-box-orient：vertical、控制文字行數webkit-line-clamp
寬高尺寸：width:px；height；line-height；font-size；font-weight

2. 把文字頂走，用圖片替換（方便搜尋引擎檢索）
寫法一：text-indent：-9999；overflow：hidden
寫法二：height：0；margin-top/padding-top：父高；overflow：hidden

（三）浮動引起的高度塌陷

（四）促銷價

寫法一：直接用<del>標籤，但顯示效果不佳
寫法二：盒子span轉inline-block

（五）flex佈局空間分配

（六）圖片