内联元素探究浅谈

      本来想用一个宽为320像数的div去包含8个40像数宽的a（display:inline-block），结果硬生生的装不下。为何呢？我加上border后发现，默认的内联元数彼此间是会留下间隙的，也就是这个间隙的存在使得8个40像数宽的a所占宽度大于了320。那我们有啥方法可以解决这个矛盾么？答案：浮动（当然还有其他方法，大家可以参考下这篇博客如何去除内联元素（inline-block元素）之间的间距）。当然我还是推荐使用浮动，因为好理解，（最重要的是我自己探究出来了^V^）。

     除了这个方法还有一个方法就是去掉div的宽度。不过去掉后可能大家会问，那如果我想让a居中不是没办法了么？其实也很简单，只要你把text-align:center加到div去就好了，不信你可以试试啦！

    顺便把昨天的一个发现写下来吧，对于一个内联元数如果把他的display设置为block，那么宽度会如何变呢？经过尝试我发现，如果内联元数含的内容为空，那么宽度也会为零。但如果内容不为零的话，他将会占满父元数的宽度，而改为inline-block则达不到这种效果。

   另外，无论是内联元数还是块级元素，如果存在两个其中一个为float的话，那么如果另一个含文字，则去不会占据浮动元素的空间，否则他将把浮动元素当作不存在处理。当然，这只是对浮动元素而已，而对于绝对定位元素而言，则没有这个效果！他将彻底脱离文档流。