和cool一起学前端----第八天

div+css 布局–清除浮动

今天和大家分享下，页面的布局，首先我们来分析以下网页的基本机构，我们来分析下李宁官网，企业官网，结构都很相似。

看第一部分导航，分为俩个部分，第1部分和第2部分，面对这样的结构，我们通常会用到float,俩个div,一个向左浮动，一个向右浮动


通常我们都会先会把页面结构写出来，然后再写对应的样式，要重点提一下，子元素使用float的时候，父元素要加上clearfix清除浮动，或者在父元素里面再加一个div,加上clear:both样式，但是通常我们都会使用clearfix来清除浮动，这样比较方便。

奖状制作

cool的女朋友马上要过生日了，作为前端开发的“大师级”，自然要有我们的逼格，给女朋友准备一份特别的礼物–最佳女朋友奖，自己动手，丰衣足食。
首先贴上最后的效果，有喜欢的也可以给自己的女朋友做一个练练手，替换以下背景，和相应的图片就可以了。
首先我们先写好结构

打开浏览器瞅一瞅&