CSS3 比例布局是一種通過設置元素的 height 和 width 以及比例來實現布局的方法。通過將元素的大小按照一定比例劃分，可以實現各種復雜的布局效果，比如水平布局、垂直布局、輪播、列表等等。

在 CSS3 比例布局中，比例是通過元素的高度和寬度之間的比率來計算的。例如，如果元素的高度和寬度的比率為 1:1，那么元素的大小就是固定的，無論頁面中有多少元素，它們的大小都不會改變。如果元素的比率為 2:1，那么元素的大小就會比 1:1 的布局更大，因為元素的寬度將乘以 2 而不是 1。

除了通過比率計算元素的大小之外，CSS3 比例布局還可以通過控制元素周圍的margin和padding來實現各種布局效果。例如，通過設置元素的margin和padding的值，可以使得元素在水平和垂直方向上產生折疊效果，從而實現水平布局和垂直布局。

CSS3 比例布局是一種非常靈活和強大的布局技術，可以用于實現各種復雜的布局效果。通過靈活使用比例和margin，我們可以輕松地將元素布局在頁面的不同位置，創造出豐富多彩的頁面效果。