勵志

勵志人生知識庫

什麼是聖杯布局

聖杯布局是一種網頁布局方式,通常由三欄組成,其中兩側的欄目寬度固定,中間的欄目寬度自適應。

這種布局特點是在載入頁面時,中間的欄目會優先顯示,以確保內容的快速渲染。在CSS實現中,通常利用浮動(float)和負邊距(negative margin)的技巧來對齊各個欄目。這種布局在不同螢幕尺寸下表現靈活,在較寬的螢幕上可以呈現水平排列的三欄布局,而在較窄的螢幕上,可能會轉換為垂直排列的布局。