CSS中的Layout(布局)是對于網頁中各個HTML元素的排版方式的定義。Layout CSS經常與HTML元素的寬度、高度、位置和對齊方式相關，其重要作用在于決定網頁在瀏覽器中的結構與樣式。

布局CSS有很多常用屬性，例如：
position
float
display
margin
padding
border

其中，`position`屬性可定義元素在文檔中的定位方式，可能有 `static`, `relative`, `absolute`, `fixed`, `inherit`等取值。
`float`屬性定義元素在周圍元素中的浮動方式，其取值可能有`left`, `right`, `none`, `inherit`等。
`display`則定義元素的顯示方式，包括塊級布局(`block` 一般是`div`, `h1-h6`, `p`等標簽)和內聯布局(`inline` 一般是`a`, `em`, `strong`, `img`, `input`等標簽)。
`margin`定義元素與周圍元素的間距，更準確地說是元素與外部元素之間的間距。而`padding`定義內部元素的填充空間，是元素與內部元素之間的間距。
`border`則常常用于繪制邊框，它由`border-style`, `border-width`, `border-color`三部分屬性組成。

樣例:
.container {
width: 90%;
margin: 0 auto;
padding: 20px;
border: 1px solid #ddd;
}
.box {
float: left;
width: 33.3333%;
margin-right: 10px;
margin-bottom: 10px;
padding: 20px;
background-color: #eee;
}

布局CSS的應用非常廣泛，在網頁的排版中、響應式布局中以及移動端開發中都有很大的作用。合理的布局CSS能讓網頁效果更美觀、更舒適，也能使網頁更具可讀性和可訪問性。