h70614959的专栏

W3C官方对vertical-align做了下面的解释： This property affects the vertical positioning inside a line box of the boxes generated by an inline-level element. 实 际上，一个Box中由很多行很多元素组成，vertical-align只作用于在同一行内的元素，它的垂直

这个东西叫浮动。 顾名思义，就是让设置的标签产生浮动效果，就是脱离原来页面的标准输出流。 正常情况下，HTML页面中块元素都是从上倒下排列的。如果想实现左右结构。 float的一种选择（当然还有其他方法）。 比如 左 右 这样，这个两个DIV标签就在同一行上了（同时靠左），当然有个前提，就是他们俩的父元素的宽度要至少大于400px，这样才能在同一行上。这个结果是两个DIV的右侧会空出100PX

看到标题的时候，一下子不知道说的是什么意思？ 我解释一下： 就是在默认的情况下，当我们设置的时候div的宽度为浏览器的宽度。 现在有这样一个布局： content 出来的效果： 当我拖动滚动条的时候，看到子div 已经超过父div的宽度了。这样很是影响布局效果。 我们可以让父div 不受浏览器的影响。可以让父div脱离文档标准输出流。 效果：