有html、css和JavaScript基礎，但是沒有響應式和流式布局等經(jīng)驗，應該看什么書？我覺得沒有必要讀一本關于響應和流式布局的書。這只是一個基本用法的問題。讀幾篇文章就行了！或者看看相關的API

有html、css和JavaScript基礎，但是沒有響應式和流式布局等經(jīng)驗，應該看什么書？

我覺得沒有必要讀一本關于響應和流式布局的書。這只是一個基本用法的問題。讀幾篇文章就行了！或者看看相關的API文檔就行了

！這種東西不是技術(shù)的問題，個人感覺是熟練使用的問題，是記憶的問題，經(jīng)常使用。

如何實現(xiàn)左右定寬，中間自適應寬度的css布局？

事實上，有很多方法可以實現(xiàn)CSS左右定寬布局和中間自適應。下面是一個簡單的介紹供您參考；

其原理是使用絕對定位來分別定位左右兩側(cè)的div。中間div使用margin屬性保留左、右div的寬度，并將中間div的寬度設置為100%。代碼如圖所示

在外層包裝一層div，設置屬性display:flex，其中的子元素設置屬性display:flex彈性：1，請參見下圖中的代碼

float layout將左div和右div分別浮動到左側(cè)和右側(cè)，并使用中間的margin屬性保留左右兩側(cè)的寬度。這有點類似于絕對定位布局。代碼如下圖所示

flex和grid實際上是網(wǎng)頁開發(fā)中兩種不同的布局方法，在同一個項目中可以混合使用；

在早期的網(wǎng)頁開發(fā)中，一般采用定位、浮動等方法進行頁面布局。但是，這種方法有很多局限性，代碼量很大。隨著CSS3的誕生，出現(xiàn)了flex-layout和grid-layout；

flex是flexible-box的縮寫，是為box模型提供最大靈活性的“flexible-layout”。每個元素都可以指定為flex布局，包括行中的元素。設置顯示：flex，它可以快速方便地處理網(wǎng)頁布局；

網(wǎng)格布局，也稱為“網(wǎng)格布局”，是一種二維網(wǎng)格布局。您只需要為元素定義：display：grid，設置列和行的大小，然后定義子元素的位置。這個布局對象之前兼容性不是很好；

Flex可以和Grid混合使用嗎？

沒有JS，沒有浮動，直接用CSS做這樣的布局，主要代碼如下：#邊欄，#容器{min}-高度：400px/*根據(jù)具體情況*/}側(cè)邊欄{寬度：210px背景色：#ebb058位置：絕對頂部:0 左：0}#容器{邊距-左：2。