css定位（position）屬性允許你自由設定元素的位置。
定位的基本思想很簡單，他允許你定義元素框相對於其正常位置應該出現的位置，或者相對於有定位的父元素，另乙個元素甚至瀏覽器視窗本身的位置
css有三種基本的定位機制：普通流，浮動和絕對定位。
css sprites就是css精靈。簡單理解就是通過將多個融合到一張圖裡面，然後通過背景定位技術布局網頁背景。這樣做的好處也是顯而易見的，因為多的話，會增加http的請求，無疑促使了**效能的減低，特別是特別多的**，如果能用css sprites降低數量，帶來的將是速度的提公升。
適合：一般小圖示素材
小的圖示ico類素材，一般圖示很小十多畫素幾十畫素的寬度高度，這種適合拼合成一張圖實現sprites background背景定位布局。小icon太多自然載入網頁時瞬間會消耗些http 請求鏈結數；
不適合：大圖大背景
大背景一般用於網頁背景，拼合時，設定為網頁背景時所有背景都會顯示出來。大圖拼接拼合會增大大小，網路頻寬不好的訪問者訪問時由於背景圖大檔案大會載入稍慢些，所以大圖不推薦拼接拼合來使用css sprites背景定位布局。
sprites適合推薦小結
一般此sprites拼合布局用於區域性小盒子布局不適合大背景大布局背景使用。比如小區域性布局小圖示背景、小導航背景等divcss布局。
所謂三列自適應布局指的是兩邊定寬，中間block寬度自適應。只需給寬度自適應兩列布局中間再加一列，然後重新計算三列的寬度，就實現了寬度自適應的三列布局。同樣的道理，更多列的布局，其實和兩列、三列的布局模式是一樣的。
visibility和display兩個屬性都有隱藏元素的功能，display:none和visibility:hidden的區別，簡單的總結一句話就是：visibility:hidden隱藏，但在瀏覽時保留位置；而display:none視為不存在，且不載入
body
ul,li,ol
.wp.choose
.choose>ul>li
label
input,img
input:checked+img
"wp">
"choose">
"test">
"radio" name="1222">
*
div#div2
#div1
CSS定位布局
絕對定位 如果想為元素設定層模型中的絕對定位，需要設定position absolute 表示絕對定位 這條語句的作用將元素從文件流中拖出來，然後使用left right top bottom屬性相對於其最接近的乙個具有定位屬性的父包含塊進行絕對定位。如果不存在這樣的包含塊，則相對於body元素，即...
css布局 定位
1 為什麼需要定位？某個元素可以自由的在乙個盒子內移動位置，並且壓住其他盒子 滾動視窗時，盒子固定在某個位置 2 應用 下拉列表 模態框 web應用程式的一些基本效果 3 本質 將元素徹底從文件流中移走。允許將元素放在螢幕的任意位 置，還可以將乙個元素放到另乙個元素的前面或者後面，彼此重疊。按照定位...
css 定位布局
文件流 文件流，是指盒子按照html標籤編寫的順序依次從上到下，從左到右排列。塊元素佔一行，行內元素在一行之內從左到在排列，先寫的先排列，後寫的排在後面，每個盒子都佔據自己的位置。關於定位 可以使用css的 position 屬性來設定元素的定位型別，position 設定項如下 1 relativ...