1、1浮動布局技術(shù)，兼容性比較，但頁面寬度不夠時會影響布局2絕對定位布局技術(shù)3flex彈性布局技術(shù)，自適應(yīng)好，高度能自動撐開。

2、需求 假設(shè)高度默認(rèn)100px ，請寫出三欄布局，其中左欄右欄各為300px，中間自適應(yīng) 將左右的div寬度設(shè)為300px，分別左右浮動，中間盒子不設(shè)寬度注意先寫右邊盒子，再寫中間盒子，否則先渲染中間盒子，中間盒子會占滿該。

3、第一種情況，float浮動相同 讓兩個div盒子的float值相同，比如都設(shè)置floatleft或floatright，寬度設(shè)置合適即可這里我們通過案例實(shí)現(xiàn)一行兩列DIV布局1完整實(shí)例DIV+CSS代碼lt！DOCTYPE html lthtml lthead ltmeta。

4、流動布局流動布局是瀏覽器默認(rèn)的布局方式他會按照你所寫的標(biāo)簽特性，從上至下從左到右的方式進(jìn)行排列在HTML中我們按照標(biāo)簽的排列特性可以將它們分成三類1行級元素不獨(dú)占一行，不能設(shè)置元素的高度寬度和底邊邊距。

5、利用HTML進(jìn)行布局的方法有1通過“l(fā)ttable”標(biāo)簽來對表格的行和列進(jìn)行排列來實(shí)現(xiàn)頁面布局的效果2將網(wǎng)頁內(nèi)容放在多個頁面中的多列布局3使用div和span標(biāo)簽進(jìn)行布局頁面布局標(biāo)題前端的一部分，用于頁面頂部lt。

6、此外比較特殊的是彈性布局，彈性布局相對使用較少，需要根據(jù)項(xiàng)目的具體情況而定在網(wǎng)站開發(fā)當(dāng)中，通常是需要結(jié)合多種布局去實(shí)現(xiàn)網(wǎng)頁布局的如果是在學(xué)習(xí)網(wǎng)頁布局的相關(guān)知識，可以弄本HTML5布局之路，來輔助自己的學(xué)習(xí)。

7、1HTML布局主要有兩種方式，一種是表格布局，一種是DIV布局2HTML表格布局是WEB10時代主要使用的布局方式，即使用TABLE標(biāo)簽進(jìn)行布局，優(yōu)點(diǎn)是布局比較簡單3HTML DIV布局是WEB20時代主要使用的布局方式，優(yōu)點(diǎn)是符合。

8、實(shí)現(xiàn)兩個DIV盒子并排，一行只顯示兩列DIV布局，使用width寬度+float浮動即可實(shí)現(xiàn)一行顯示兩列DIV布局解決方法一個設(shè)置為floatleft，一個設(shè)置為floatright1完整HTML源代碼2兩列并排DIV實(shí)例截圖。

9、html5新增的一些語義話標(biāo)簽，可以使用比如頭部可以使用header標(biāo)簽，導(dǎo)航nav，主體部分可以使用section，底部footer，中間文章articlediv，ul li標(biāo)簽都是使用比較頻繁的標(biāo)簽，span，i，em可以對文字進(jìn)行單獨(dú)的描述，表示等lt。

10、眾所周知，grid布局目前得到瀏覽器的支持已經(jīng)非?？捎^了，它強(qiáng)大的功能已經(jīng)成為很多復(fù)雜布局的首選同時，很多場景里，它也成為了 table 布局的優(yōu)秀替代方案但是很多人在使用grid代替table布局時，卻發(fā)現(xiàn)了一個嚴(yán)重的問題，那。

11、可以使用多種布局方法1 使用rem單位，窗口改變時，js修改頂層像素尺寸2 js整體縮放窗口，動態(tài)改變transform的scale值3 使用css媒體查詢，動態(tài)更改字體大小，配合gridtable或flex布局4 js動態(tài)更改meta的設(shè)備縮放。

12、這個是效果圖，代碼如下lt！DOCTYPE html lthtml lthead ltmeta charset=quotutf8quot lttitlehtml布局lttitle ltstyle type=quottextcssquot html，body margin0 fl floatleft fr floatright ovf。

13、答案CSS+DIV布局的常用方法有三種一 常規(guī)流式布局 元素按照自身的常規(guī)顯示方式顯示，有兩個特點(diǎn)1元素按照自身HTML元素定義的位置顯示怎么寫的怎么顯示2元素按照自身的常規(guī)顯示特性顯示，比如塊級元素垂直。

14、居中的話，在css中設(shè)置 body margin 0 auto就可以了 fileldset和其它的布局是一樣的，大致使用方式如下 ltfieldset ltlegend標(biāo)題ltlegend 你要設(shè)置的內(nèi)之容 ltfieldset。

15、解決這個問題的方法如下1新建一個html文件，命名為testhtml，用于講解div+css布局的基本流程2在testhtml文件內(nèi)，對body進(jìn)行樣式初始化，設(shè)置外邊距margin為0，內(nèi)邊距padding為0，同時使用textalign設(shè)置文字居中3。

16、div，你可以理解為一個方形的盒子，table你可以理解為表格式的盒子div和table布局方式，是目前網(wǎng)頁的常用布局方式table代碼繁瑣，但兼容性好div，簡介，明了不過要注意屬性設(shè)置，不然有可能變形哦。

17、塊狀元素不應(yīng)作為行級元素與文本的兄弟元素，受HTML校驗(yàn)器的限制，目前還沒辦法檢驗(yàn)出此種情況，但是應(yīng)該避免多目標(biāo)塊狀元素 ltdiv ltli ltdd lttd ltform ltnoscript 在談?wù)揅SS布局時，我們需要提前知道一些東西。