对不起，今天的我有点bad，但我还是忍着没哭。

每次计划去济南都会被现实击碎，这是第四次。可这一次，我真的想与现实抗衡去完成我大学里的一个遗憾。

本来很是开心的票都买好了准备和小伙伴去济南，下午才得知这周日要上课，哭给谁去。

而且这一周的状态非常不佳，明明什么都没有做好，却觉得很累。真的需要塌下心来认真的做好一件事，要专注。

说说今天做网页遇到的一些问题吧！

1）给一个块元素设置了float，但其没有变化（一直对float的使用很模糊）

     后来发现是父元素没有设置宽度的原因，

     当使用浮动时，设置浮动的元素以及它的父元素都必须设置宽度，这样它才有空间浮动。

2）兄弟div并排显示，当给其中一个div设置margin-top时，另一个跟着改变

    后来发现这个问题属于外边距塌陷，这个名词我之前从来没有听说过，好吧，来恶补一下。

首先，说一下外边距塌陷的定义：块级元素的上下外边距有时候会合并，合并后的外边距等于合并前两个外边距中的较大值，这种现象称为外边距塌陷。

    在网上搜了几种解决方案，然而我试了试都没有起效，准备下次问问老师后，再来完善。大家如果有什么好的解决方法可以提出来帮帮我哦！

  我的问题是：给右边的项目设置margin-top后，左边的红色超链接也改变

请求各位大佬支援。

3）我们知道，对于块元素来说，当给它设置margin:0 auto;时它会水平居中

但不知道你们有没有遇到过设置了此项后，没有居中的情况？？？

今天我就遇到了这样的情况，经过几番周折，明白了其原理。

块元素设置宽度之后浏览器会把剩余空间分配给外边距，只有在浏览器给分配了外边距的时候   auto才会生效。

下面介绍一下，我今天遇到的情况：

设置了margin:0 auto;也设置了宽度，但是没有水平居中。

后来恍然大悟，右边的块挡住了它的宽度 ，所以它的最大宽度就是左边的块的宽度710px，然而我给左边选中的div设置的宽度也是710px,所以浏览器没有给它可分配外边距的余地了

我本以为完事了，没错，这个问题是解决了，下一个问题又来了。

4）使用inline-block的俩个问题

  一、间距

解决方案：用font-size解决

   父层用font-size：0     子层的font-size：15px(为要求的像素值)

 二、基线问题

此时，如果想让红色的块与顶端对齐，可以用vertical-align:top;来实现

vertical-align: top;