有关行内元素属性的设置（宽高）和块元素自适应大小的问题

今天看书看到< sqan >突然想起来以前做题时行内元素无法设置宽高的问题
就一并把相关的几个属性的应用也查了一下

以下内容均为亲身测试：

我做了个盒子（浅灰），里面添了一个行内元素（灰色）来测试
。
。
。

1.行内元素（< sqan >,< a> 等）无法设置宽高

可以这么理解，行内元素默认样式为固定的一行
所以此时这一行的宽高均随行内的字体大小而变化
（先无视盒子只看行内元素）

首先设置宽高属性
但我们发现，行内元素的宽高并没有随之改变

此时
字体大小（font-size）：10px

当改变
字体大小（font-size）：50px

可以发现，行内元素的大小（灰色背景）随字体变大而变大
同时我们也可以发现，盒子（浅灰背景）也随行内元素变大而变大，这是后话

。
。
。

2.行内元素如何才能设置宽高

其实吧。。。我感觉这个方法。。。并不怎么。。。好（但确实可以实现某些操作）
因为我感觉这个方法的本质是破坏了行内元素的属性
与其这样还不如用div设display：inline-block;（小声bb。。。）行内块元素
。
。

首先，初始状态（class用的为line-1样式在右下角）

我的方法就是：
设置定位为绝对定位（absolute）13行
（设固定 fixed 定位好像也行。。。因为我用得少不太懂所以不敢解释，请自行学习）
web课本的解释：绝对定位会导致目标脱离标准文档流的控制，不再占据标准文档流中的空间
（个人理解，即脱离文档，不占空间，自成内容）

此时网页就变为（好丑。。。）

宽高确实成功设置了

但注意此时若行内元素的内容太多空间不足，就会挤到外面去
而且已经挤出去的元素就不会受到宽度限制了


。
。

3.块元素自适应大小的问题

其实这个点跟前两个点是紧密相关的
不知道有没有细心的人发现
当行内元素设为绝对定位脱离标准文档流的时候
块元素（淡灰色背景）已经没有包括行内元素（灰色背景）了

别回去翻了，上图！

懂了嘛
占据保准文档流的内容才会使没设置宽高的块元素随之增大变小（自适应）