解決辦法，CSS代碼修改如下col2 background#F63 boxflex1 webkitboxflex1 mozboxflex1 width 0% * 加上這行代碼 * #col3 background#690 boxflex3 we。

第一階段HTML+CSS核心基礎(chǔ) HTML，CSS核心基礎(chǔ)CSS過渡HTML5語義化標(biāo)簽線性漸變，徑向漸變HTML新增標(biāo)簽屬性CSS動(dòng)畫Animation表單項(xiàng)新增屬性彈性盒模型CSS選擇器經(jīng)典布局練習(xí)雙飛翼，CSS3偽類 品字布局 +。

1圖片寬高固定，這種情況很簡(jiǎn)單水平居中就在圖片的css中加dispalyblockmargin0auto垂直居中自己算出p的高度圖片的高度2，得到margintop值即可2圖片高度未知，這個(gè)布局比較難實(shí)現(xiàn)一般我是用js做的。

4浮動(dòng)是從網(wǎng)頁布局的角度來定義元素的顯示，而行內(nèi)和塊狀屬性主要是從元素自身的性質(zhì)來定其顯示的5當(dāng)元素沒有定義邊框時(shí)，可以把內(nèi)邊距作為外邊距使用有時(shí)候外邊距會(huì)有重疊現(xiàn)象的6當(dāng)為元素定義背景圖像時(shí)，內(nèi)。

3學(xué)習(xí)網(wǎng)頁開發(fā)的常用技術(shù)和方法，學(xué)習(xí)css3新技術(shù)，彈性盒布局和媒體查詢，bootstrap響應(yīng)式框架，jQuery mobile技術(shù)，framework 7 框架，light 7框架 4html5 API開發(fā)階段，HTML5新增標(biāo)記對(duì)和屬性audio和video媒體APICanvas。

CSS3 基礎(chǔ)學(xué)習(xí) CSS3 的基本語法和樣式設(shè)計(jì)了解選擇器盒模型布局動(dòng)畫等概念，以及如何使用 CSS3 來美化 HTML5 頁面同時(shí)，也需要了解 CSS3 的新特性，如漸變圓角陰影等JavaScript 基礎(chǔ)了解 JavaScript。