div之間的間距怎麼控制

DIV之間距離讓兩個上下結構DIV塊距離為零，通常新手在製作DIV CSS頁面的時候，不會考慮到初始化CSS屬性，這樣各標籤屬性默認的CSS屬性將會造成錯位、兼容等問題。如上下結構的2個box DIV塊，中間有一定間距無法消除

操作方法

（01）清除DIV間距解決方法   -   TOP在CSS裏設置DIV標籤各屬性參數為0div{margin:0;border:0;padding:0;這裏就設置了DIV標籤CSS屬性相當於初始化了DIV標籤CSS屬性，這裏設置margin外邊距為0；邊框border屬性為0和內補白也為0；這樣相當於就初始化了DIV盒子之間距各屬性距離為0，這樣就不會造成DIV直接有一定的距離。當然推薦在製作開發DIV CSS的時候最好將網頁CSS屬性、常用網頁標籤初始化一下。

（02）設置DIV盒子之間間距   -   TOP以上是使用CSS清除盒子之間距離。接下來為大家介紹設置盒子之間間距。使用CSS樣式單詞為margin（可進入CSS margin教程瞭解詳細使用方法）。1、設置對象的上下間距ss5-a{margin:10px 0}設置“divcss5-a”對象上下間距為10px,左右為02、設置對象左右距離ss5-b{margin:0 8px}設置“divcss5-b”對象上下間距為0,左右為8px3、設置DIV盒子與上方相鄰間距ss5-c{margin-top:10px}設置“divcss5-c”對象與上方相鄰間距為10px4、設置DIV盒子與下方相鄰距離ss5-d{margin-bottom:10px}設置“divcss5-d”對象與下方相鄰間距為10px5、設置DIV盒子與左方相鄰間距ss5-e{margin-left:9px}設置“divcss5-e”對象與左側方相鄰間距為9px6、設置盒子與右方相鄰距離ss5-f{margin-right:12px}設置“divcss5-f”對象與右方相鄰間距為12px以上我們為了方便介紹margin設置對象外間距，將對象分別CSS命名為"ss5-a"至“ss5-f”,實際使用時候更加需求命名。

（03）讓左右結構內容之間有一定間距距離   -   TOP解決方法與技巧：一般我們使用float 浮動屬性（float:left（局左）、float:right（居右））來解決此問題。這樣的佈局一般總的寬度一定，只需左、右內容DIV寬度設置小於總寬度即可實現，注意的是寬度計算一定是包括自己設置寬度+邊框寬度+padding寬度+margin寬度組成。提示：在DIV CSS製作中很多時候需要計算的如這樣的佈局。

（04）説明：1、實現設置總寬度為200px的(div-c)，左右DIV使用了float:left左浮動（局左）和float:right右浮動（局右），分別設置邊框和寬度2、這裏設置左右DIV塊(即div-a和div-b)總寬度+邊框小於總寬度(即div-c對象寬度)

（05）總結設置DIV之間距離無論對象之間有一定距離還是沒有距離，我們都需要CSS初始化，並且有距離地方還需要計算寬度，遵循這條死定律 設置寬度之和+邊框(border)+margin+padding小於等於總寬度，不然會造成左右結構佈局錯位、其他比較的錯誤或有差異。