第一：
多個div整齊排列在外層div中，如圖：
看到所有小的div的前後左右間隔都相等。假定已經制作好上述單元div控制元件。在外層大div中迴圈開始建立它們。
for (var i=0; i < cellSum; i++) {
var cell = new CellPhoto("2.jpg","影集套系"+id,interval,this.cellWidth,this.cellHeight
var divCell=cell.createNormalCell();
div.appendChild(divCell);
};
上面有interval，自然能計算出cellWidth,cellHeight,設定cell的marginTop也為interval.這樣就能基本實現上述介面效果，但是如果很多行的話，會發現最下面一行會緊貼外層div的下邊界，為了美觀，我們需要最下面一行與下邊界的間距也是interval，這是本文重點需要解決的問題。
很簡單，找到小div中的最後一個，設定其marginBottom=interval,這樣的話，外層div會檢測到有元素需要更多的縱向空間，畫布就會自動增加interval的高度。用單個元素的margin便控制了最後一行的整體效果，非常方便，和WPF中WrapPanel非常相似。
第二：
元素定位的時候CSS檔案必須新增position屬性，一般是這樣的：
#div0｛
position:absolute;
left:0px;
top:0px;
｝
有了left和top就可以定位一個dom，如果在此處想在有便宜，可以繼續使用margin來調整，也可以繼續使用left和top調整
#div0｛
position:absolute;
left:0px;
top:0px;
marginLeft:100px;
marginTop:100px;
｝
第二：
任何一個div居中可以這樣寫：
假設該div寬度為w，高度為h
#div1{
position:relative;
left:50%;
top:50%;
marginLeft:-w/2.0+'px';
marginTop:-h/2.0+'px';
}