问题：
- 在一个div内给文字设置了padding后，该div的大小会被撑开。
- width: calc(100% - (10px + 5px) * 2); 减去border和padding的值(还是不太会用)
- box-sizing: border-box; 贼好用啊自动减距离……
- hover无反应
- :hover前不能加空格
- 用了弹性盒子模型之后右浮动就失效了…？
- 目前解决是加上绝对定位，感觉正解应该不是这样……
- 输入框和文字搞不到同一行
- 搞了半天发现只要把文字也放进form里就行了，心态崩了。
- 居中啊…把元素转成行内块级元素然后用text-align就可以了。
- 一放大滑到右边导航栏和提示栏的颜色就会缺一块……
- 一开始用的100% 之后用最小宽度解决辽 缩放延长放大就显示最小宽度
- 同样的文本在不同的浏览器中显示的大小不同。
- 因为每个浏览器的默认字体大小不同，不单独设置的话就用默认字体，单独设置之后就可以辣！
- 因为第一个商品栏里面用了浮动，所以就没有大小，然后想再搞一个商品栏就会直接接上去(在浮动的图片的下面)
- 第一个想到的是比较蠢的，就是用个大div把所有浮动的商品包一起然后在计算出高度定死它，非常蠢，后期修改还麻烦。
- clear！！
感受：
- 实践是检验真理的唯一方法…一上手就真的会发现自己的问题真的超多，还千奇百怪。
- 感觉自己的审美日渐式微…选配色都能选一晚上，哭辽。
- 搞了很久想要的一个效果最后发现要js才能实现，哭辽。
反馈
设置padding盒子变大的问题
-
这是因为盒子模型 设置宽高时作用于内容区，可是渲染到页面的时整一个盒子模型（有padidng， margin， border），不过这些默认值都是0， 所以我们平时设置宽度100px 就显示100px。 因为其他都是0.
-
box-sizing: border-box的原理是：-
div { width: 100px; height: 100px; border: 5px red solid; padding: 10px; } //现在我们在页面看到的实际盒子模型的大小是 100 + (10 + 5) * 2 + 'px' //设置box-sizing: border-box 现在我们的div盒子width为100px, 这个属性就会把100px当做包含其的border和padding，内容区的实际宽度会是width - border + padding。 div { width: 100px; height: 100px; border: 5px red solid; padding: 10px; box-sizing: border-box } //现在我们渲染到页面的盒子模型宽度就只有100px 其实就是 width变为70px padding还是10px border还是 5px
-
flex 中使用 float失效
- 这个肯定会失效的， 使用flex会使子元素的float 、 clear 和 vertical-align 属性失效。flex已经干了浮动能够干的事， 而且还比浮动更丰富，所以已经不需要浮动了！！！
居中问题
text-align不止是文字可以居中， 可以说是作用于**inline和inline-block**text-align都起作用- 居中有好多种方法的，还有很多前提的条件限制。 师妹做作品的时候应该会遇到！！！
浮动问题
- 浮动经常会带来的问题就是高度塌陷嘛， 所以才会有清除浮动的方法。方法还蛮多的！！！
写在最后
- 实践确实是检验真理的唯一办法， 学的很多知识点就是为了用的嘛， 很多知识盲区只有你实践之后才会发现！！！
- 最后加油呀！！！