有html、css和JavaScript基礎(chǔ)，但是沒(méi)有響應(yīng)式和流式布局等經(jīng)驗(yàn)，應(yīng)該看什么書(shū)？我覺(jué)得沒(méi)有必要讀一本關(guān)于響應(yīng)和流式布局的書(shū)。這只是一個(gè)基本用法的問(wèn)題。讀幾篇文章就行了！或者看看相關(guān)的API

有html、css和JavaScript基礎(chǔ)，但是沒(méi)有響應(yīng)式和流式布局等經(jīng)驗(yàn)，應(yīng)該看什么書(shū)？

我覺(jué)得沒(méi)有必要讀一本關(guān)于響應(yīng)和流式布局的書(shū)。這只是一個(gè)基本用法的問(wèn)題。讀幾篇文章就行了！或者看看相關(guān)的API文檔就行了

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

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

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

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

在外層包裝一層div，設(shè)置屬性display:flex，其中的子元素設(shè)置屬性display:flex彈性：1，請(qǐng)參見(jiàn)下圖中的代碼

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

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

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

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

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

Flex可以和Grid混合使用嗎？

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