背景
首先是對CSS的布局設置都要嵌入在div標簽中，然后通過操作div來進行布局。同時CSS的布局設置以及內容有很多，主要的包括border、margin、padding這三個屬性對於標簽的布局起着至關重要的作用，圖像如下，在進行CSS布局的時候我們遇到一個問題就是，在需要將兩個容器進行並排處理，查閱了相關內容包括三種方式：絕對定位、table排列、float。
一、問題解決
1.1 使用絕對定位
首先在父級使用relative，在子級標簽使用absolute，在使用margin-left屬性去並排
.parent { position: absolute;
} .child-1 { margin-left: 0;
} .child-2 { margin-left: 50%;
}
1.2 float布局
使用float布局時，只要子級的div寬度之和小於父級的寬度那么就會並列在一起，因此會出現溢出跨行。
.child-1 { float: left;
} .child-2 { float: left;
}
1.3 使用table布局
在父級使用table，在子級使用table-cell這樣樣的布局就是等寬
.parent { display: table;
} .child-1 { display: table-cell;
} .child-2 { display: table-cell;
}
二、結果
個人是比較推薦絕對定位，這種方式就和GUI一樣，通過布局來控制。
