布局流程圖
原則
- 沒(méi)有設(shè)計(jì)稿 不寫代碼
- 不到萬(wàn)不得已罢维，不要寫死 width 和 height
- 盡量用高級(jí)語(yǔ)法，如 calc从藤、flex
- 如果是 IE吱窝，就全部寫死
口訣
- float(IE5)
- 兒子全加 float: left （right）
- 老子加 .clearfix
- flex
- 老子加 display: flex
- 老子加 justify-content: space-between;
如果寬度不夠，可以用 margin: 0 -4px;
(但是做移動(dòng)端的時(shí)候會(huì)有滑動(dòng)現(xiàn)象出現(xiàn) 加overflow:hidden;)
.clearfix:after{
content: '';
display: block;
clear: both;
}
.clearfix{
zoom: 1;
}
