flex运用

写了2个月的nav，竟然还是float，菜鸟就是菜鸟。看了flex后决定以后尽量少用float。深入了解flex。

附上学习的bolg：阮一峰flex详解

正则表达式

([0-9]+[\.]?[0-9]*)        匹配数字

单纯起到了匹配到数字的作用。

[0-9]+:匹配0-9数字1次或者多次

[|.]?:带不带小数点都可以匹配

[0-9]*:匹配0-9数字0次或者多次

我不知道对不对啊，我个人理解的。参考文章：正则表达式部分解释我觉得还蛮好理解的。

清除浮动

当div的子div有浮动，外层的父div的高度不能适应子div的高度。

解决方法：clear：both

例：

body:

<div class="parentbox">

<div class="childbox"></div>

<div class="childbox"></div>

<div class="clear"></div>

</div>

这样parent就可以包住你的child了。

css

显示图

去除clss="clear"的div显示图，没有包住

当然有了flex，这些都解决了。

（未完，陆续更新）