**布局
在css出現之前使用**對網頁進行布局的，利用了**的無邊框和間距的特性（將**的邊框與單元格間距都設為0），然後再將網頁元素按版面需要進行劃分之後，插入到**的各個單元中。但使用**布局，會大量使用到**的巢狀，並且會在**裡假如大量的如width、border、cellspacing、cellpadding等用於控制版面的屬性，使得網頁的源**可讀性大大降低。
css布局
使用div與css的結合來控制版面，每乙個div層都是乙個欄目內容。簡單常用的網頁布局模式：
一欄布局：將網頁中所有內容都以一覽方式顯示。
如：
語法：id="mydiv">
網頁內容
div>
設定了div層之後，就可以為該層設定樣式，如層的大小、背景顏色、邊框等：
#mydiv
id="divleft">
左分欄div>
id="diveright">
右分欄div>
需要兩個分欄之間有一些距離則通過margin屬性來完成。
多欄布局：
將網頁內容分為左中右三大部分。通常都是將左欄與右欄大小固定，而中間欄的大小是可變的。可以隨著瀏覽器大小改變而改變。通常用width屬性將左欄與右欄的寬度固定，並且使用絕對定位方式固定到瀏覽器的左側和右側，而中間欄還是以靜態層出現。
三欄布局title>
網頁css div布局技巧
後台設計 1.盡量使用內嵌iframe frameset方式布局 設定overflow visible 當內容超過乙個屏的時候就會出現豎向滾動條 2.屏的高度最好剛好乙個屏 一般是用min height max height height 3.布局使用position float對元素進行定位 使用...
pc全屏網頁布局小技巧
今天又寫了乙個全屏網頁，其實之前也寫了很多次，一直都沒有總結，今天在這裡總結出來的小技巧記錄一下。pc的設計圖一般都1920的，但是還有很多小屏，比如自己的筆記本就是1366，如果說完全按照設計圖的尺寸布局，那放在小螢幕上瀏覽時總會有一些地方不協調，字型過大，過大，間距過大。下面就以今天的網頁為例解...
DIV CSS網頁布局實用技巧
1 最小高度 min height 100px 高度最小值設定為 100px height auto important 相容ff,ie7也支援 important標籤 height 100px 相容ie6 2 的意思 將ie8使用ie7進行渲染，使 在ie8上顯示正常 x ua compatibl...