4左右框架型布局 左右框架型布局結(jié)構(gòu)是一些大型論壇和企業(yè)經(jīng)常使用的一種布局結(jié)構(gòu)其布局結(jié)構(gòu)主要分為左右兩側(cè)的頁面左側(cè)一般主要為導航欄鏈接，右側(cè)則放置網(wǎng)站的主要內(nèi)容 5上下框架型 上下框架型布局與前面的左右；第一步新建html文檔并搭建框架 新建一個TXT文檔，重命名為“田子格布局html”，然后用記事本打開，輸入表頭信息，已經(jīng)html整體框架搭建包括head與body第二步DIV布局 分別復制4個不同的div作為4部分，并且分別命名為；T型布局的優(yōu)點是頁面結(jié)構(gòu)清晰，主次分明，強調(diào)秩序，能給人以穩(wěn)重可信賴的感覺，比較容易上手缺點是規(guī)矩呆板，如果細節(jié)和色彩搭配上不注意，容易讓人乏味2 口型布局 口型布局的頁面上下各有一個廣告條，左側(cè)是主菜；流動布局流動布局是瀏覽器默認的布局方式他會按照你所寫的標簽特性，從上至下從左到右的方式進行排列在HTML中我們按照標簽的排列特性可以將它們分成三類1行級元素不獨占一行，不能設(shè)置元素的高度寬度和底邊邊距；這種類型的布局的特點是結(jié)構(gòu)清晰明了5上下框架類型與左右框架類型類似，只是這種類型是上下兩頁的框架6綜合框架類型其實就是左右框架類型和上下框架類型的結(jié)合體7封面型這種類型基本上是出現(xiàn)在一些網(wǎng)站的首頁。

#xF448#xF449左右框架型布局將頁面分為左右兩個部分，通常左邊是導航或輔助信息，右邊是主要內(nèi)容區(qū)域，便于用戶瀏覽和操作#xF446#xF447上下框架型布局與左右框架型類似，只是將頁面分為上下兩個部分，這種布局常用于博客或新聞網(wǎng)站#xF500#xF448#xF449綜合；3左右框架型布局 這類網(wǎng)站主要由左邊欄和內(nèi)容區(qū)組成，組成比較簡潔，主要用于精彩內(nèi)容的呈現(xiàn)，主要是很多個人站點博客的首選4上下框架型布局 這類網(wǎng)站由上下邊欄組成，上邊欄用來放置logo和鏈接等信息，下邊欄用來放置網(wǎng)頁的；這種布局的優(yōu)點是頁面結(jié)構(gòu)清晰，主次分明是初學者最容易上手的布局方法缺點是規(guī)矩呆板，如果細節(jié)色彩上不注意，很容易讓人看之無味2口型布局就是頁面一般上下各有一個廣告條，左面是主菜單，右面放友情連接等；常見的網(wǎng)頁布局結(jié)構(gòu)左右框架型布局左右框架型布局結(jié)構(gòu)是一些大型論壇和企業(yè)經(jīng)常使用的一種布局結(jié)構(gòu)其布局結(jié)構(gòu)主要分為左右兩側(cè)的頁面左側(cè)一般主要為導航欄鏈接，右側(cè)則放置網(wǎng)站的主要內(nèi)容常見的網(wǎng)頁布局結(jié)構(gòu)上下框架型上下框架型。

3 左右框架型布局這類網(wǎng)站主要由左邊欄和內(nèi)容區(qū)組成，組成比較簡潔，主要用于精彩內(nèi)容的呈現(xiàn)，主要是很多個人站點博客的首選4 上下框架型布局這類網(wǎng)站由上下邊欄組成，上邊欄用來放置logo和鏈接等信息，下邊欄用來放置；左右居中margin0 auto上下居中設(shè)置父級div高度假設(shè)為300px設(shè)置table的高度假設(shè)為100pxtextaligncenter主要針對的是文字，比如之類的， 如果只是圖片的話就要設(shè)置margin了， 另外，可能是我理解錯你的；1我先做的是插入兩個div標簽，點擊插入，找到布局對象Div標簽2先創(chuàng)建第一個長寬均為200px的div標簽，類命名為“1”3在創(chuàng)建第二個長寬均為200px的div標簽，類命名為“2”4這時候可以看到；1一列布局 一般都是固定的寬高，設(shè)置margin 0 auto來水平居中，用于界面顯著標題的展示等2兩列布局 說起兩列布局，最常見的就是使用float來實現(xiàn)float浮動布局的缺點是浮動后會造成文本環(huán)繞等效果，以及需要及時。

二中間如果有空格 他會留空格的 上面的就不會，你要塊狀也可以換成displayinlineblockp_leftdisplayinlinep_rightdisplayinline在界面設(shè)計的時候，經(jīng)常需要將兩個div在同一行顯示如以下要將。

T型布局的優(yōu)點是頁面結(jié)構(gòu)清晰，主次分明，強調(diào)秩序，能給人以穩(wěn)重可信賴的感覺，比較容易上手缺點是規(guī)矩呆板，如果細節(jié)和色彩搭配上不注意，容易讓人乏味2口型布局口型布局的頁面上下各有一個廣告條，左側(cè)是主菜單。