Question

内边距 边框 外边据对行内框的影响和浮动的问题

问题1：
买了一本《精通CSS-高级web标准解决方案》的书自己看，但看到“可视化格式模型”的时候，就有点迷糊了。
以下摘自书中几段话：
1、 行内框在一行中水平排列。可以使用水平内边距、边框和外边距调整他们的水平间距。但是，垂直内边距、边框和外边距不影响行内框的高度。同样，在行内框上设置显示的高度或宽度也没有影响。由一行形成的水平

框成为行框，行框的高度总是足以容纳它包含的所有行内框。但是设置行高可以增加这个框的高度。因此，修改行内框尺寸的唯一方法是修改行高或者水平边框、内边距或外边距。

问题：垂直内边距可以增加高度。行内框高度包括边框吗？？如果包括的话，那么边框的水平垂直也增加。

padding 上下左右都会增加。。。。为什么啊

问题2：
假如两个div。下面的div浮动。为什么不会跑到div1那里，，不是脱离文档流吗？

问题3：
浮动后的块级元素是行内元素吗？？ 为什么div浮动后就 紧缩？？

Answer 1

问题1：实际你说的内边距padding并没有增加高度，而是看起来高了。padding支持增加内容与边框的距离。实际边框该是多高还是多高。并不影响，希望你理解。
问题2：你弄三个div第一个不浮动，其他两个浮动。然后便面上看他们是重叠的了。实际不是跑到里面去了，而是第一个div在文档流里面，后面两个脱离文档流。第一个就不会对后面产生影响。所以出现重叠。
问题3：块级元素就是块级元素。难道汽车掉到河里就是船了么？改变的是布局而不是本质。div浮动后紧缩？你没有设置widht和height。要不你就是设置的百分比吧，浮动紧缩？我还没有碰到过

追问

我觉得第二个问题回答得有问题，第一个不浮动，后面的div浮动 是不会跑到这个没有浮动的div上。 浮动是左右方向的。除非div前有一个是浮动的，才会跑上去。

追答

不好意思，回答反了。应该是第一个浮动，后面的不浮动，第二个会覆盖掉第一个。至于为什么覆盖是第一个脱离了文档流

Answer 2

问题1，行内框高度包括边框。因为行内元素不能设height增加高度（设了没效果），但可以用margin和padding增加高度和宽度。padding会把内部撑开，用padding整个元素的大小会有变化。
问题2，是脱离文档流了，你设的是右浮动就跑到右边，左浮动就跑到左边，怎么想都不会跑到DIV1里面，如果你想让他进去，那就两个DIV嵌套写，或者用绝对定位（也是脱离文档流的）
问题3，不是，还是块级的。因为浮动后，它会尽可能的往一边靠，（如果空间挤得下的话）

追问

书上说垂直内边距、边框和外边据不影响行内框的高度。

追答

垂直内边距就是padding的上下。行内元素这个是设了没用的，可能我上面打错了吧，边框可以设粗细，算到整个元素的，因为一般我们工作中会把行内元素设为块级元素（display:block;这个属性）比如a 标签，否则没法做了。总之只要是行内元素，通过各种该去设高就没用。