塊狀元素：display:block可以作為其它元素的容器，排斥其它元素和他在一行
寬(width)高(height)值都是有作用的
內聯元素：
內容屬性； 內容本身的寬=width 內容本身的長=height
margin: 20px 0 0 2px 0表示不設定
因為瀏覽器的margin padding 都有預設的值，因為相容性，所以會表現的不一樣，這個是致命的東西，
所以我們在寫css**是需要把所有的預設值都設定為零，不要這樣寫
*這樣寫效率太低，所以要用到什麼元素就把什麼元素清零
css 布局的方式有三種：
1 預設的，就是按文件流的順序
2 浮動布局，就是用float
3 定位布局的方式：應用position
浮動：浮動是將，塊元素的，獨佔一行的行為取消，允許別人
浮動的物件，會先漂浮起來，後動
margin:40px auto;時，div必須是有寬度的，不然就沒有意義
當父元素，沒有指定高度時，並且子元素有浮動，這時，這個父元素的高度不會自動
增加解決：1 額外標籤：
定位：絕對定位，從物件的 文件流中分離出來，通過設定，left,right,top,bottom
相對於父級物件進行絕對定位，如果不存在，則是相對於body
相對定位：不從文件流中分離出來，想對自己進行相對定位
定位自己總結
1首先將元素分類：
▲ 塊級元素：、 ，獨自占用一行的位置，
▲ 內聯元素：等 可以與其它內聯元素在一行上，
2布局的三種方式：
▲ 按文件流：即按照html的順序
▲ 按定位（position）：有relative、absolute、static、fixed
▲ 按浮動：float
☞relative(相對定位)：元素相對自己的位置偏移某個距離，定位後扔是文件流的一部分
☞absolute(絕對定位)：元素相對父級框定位，元素框從文件流中消失，就和不存在一樣，（注意relative和absolute都有的時候，要用概念去理解）
☞fixed：和絕對定位一樣，只是父級框為窗體罷了
☞static(無定位)：即預設值，按照文件流的樣式
浮動定位（float）：浮動框從文件流中消失，像不存在一樣，浮動可以向左向右浮動，浮動浮動，先浮後動，設定浮動的元素先浮到另一層排列，原來的塊狀屬性沒有了，在另一層上可以並列以行，其後的各種定位會視其消失了，馬上補上。不僅是塊級元素可以浮動，內聯元素也可以浮動
注意：在ie567中如果你的內容寬度大於div的寬度，會把div撐破，導致其它元素被擠開，解決辦法是在外面再套一層div
clear:清除浮動，用在不想當元素前面的元素應用了浮動，後面的元素不想頂上去的時候，就清除浮動
注意外邊距合併的問題
CSS 定位總結
css 有三種基本的定位機制 普通流 浮動和絕對定位，但本篇文章要總結的是css中的position屬性，position有四個值，static,absolute,relative,fixed。生成相對定位的元素，相對於其正常位置進行定位，它原本佔據的空間流仍然存在。當使用left top righ...
CSS定位總結
定位相關總結 1 文件流 就是html的布局機制。塊元素 block 獨佔一行，內聯元素 line 不獨佔一行。2 相對定位 就是相對於乙個東西定位。這個東西就是它本身，同時可以使用left top bottom right 來移動元素的位置。注意 相對定位不會脫離文件流。3 絕對定位 找乙個東西相...
CSS定位總結
css定位屬性共有三種 1.相對定位 relative 2.絕對定位 adsolute 3.固定定位 fixed 相對定位 相對與自己原來的位置定位，進行位置的調整。一 1.盒子和盒子的距離，間隙。相對定位 位置的調整 2.margin會影響後面的元素。相對定位不會影響別人。不脫標。坑位還佔著，別人...