CSS是網頁設計中不可缺少的一部分，它不僅能夠美化頁面，還能對網頁的布局、文本、顏色等進行調整。其中，撐起框架是CSS的一個重要作用之一。下面我們來看一下CSS怎么撐起框架。 首先，我們需要知道CSS布局中常用的兩種方法：盒模型和浮動。盒模型是指網頁中的各個元素都可以看作是一個個盒子，盒子中包含了內容、填充、邊框和邊距等。而浮動則是指將元素從頁面的正常流中移出，讓它們在頁面上自由漂浮，并在頁面中占據一定的空間。 接下來，我們可以通過使用CSS的盒模型和浮動來撐起我們所需要的框架。下面是一個使用CSS盒模型撐起框架的示例代碼：

<style>
.wrapper {
width: 500px; /* 聲明wrapper的寬度 */
margin: 0 auto; /* 居中顯示wrapper */
overflow: hidden; /* 隱藏wrapper內部的浮動元素 */
padding: 10px; /* 為wrapper添加填充 */
border: 1px solid #ccc; /* 為wrapper添加邊框 */
background-color: #fff; /* 設置wrapper的背景顏色 */
}
.content {
float: left; /* 使content元素浮動到左邊 */
width: 300px; /* 聲明content的寬度 */
margin-right: 20px; /* 為content添加右邊距 */
background-color: #f5f5f5; /* 設置content的背景顏色 */
}
.sidebar {
float: left; /* 使sidebar元素浮動到左邊 */
width: 160px; /* 聲明sidebar的寬度 */
background-color: #eee; /* 設置sidebar的背景顏色 */
}
</style>
<div class="wrapper">
<div class="content">
<p>這是content的內容。</p>
</div>
<div class="sidebar">
<p>這是sidebar的內容。</p>
</div>
</div>

以上代碼中，我們首先創建了一個wrapper容器，并使用了盒模型聲明了它的寬度、邊距、填充、邊框和背景顏色。接著，我們分別創建了兩個浮動元素content和sidebar，并通過設置它們的浮動方向和寬度來實現了布局。同時，我們還通過設置wrapper的overflow屬性為hidden，使內容區域包裹浮動元素，達到了撐起框架的效果。 總之，CSS通過盒模型和浮動等方式可以輕松實現網頁的布局。我們只需要靈活運用它們，就能輕松撐起我們需要的框架。