<<查看全部Demo
浮动元素的位置与表现
现代浏览器 IE 7 及 7- 古老浏览器1.浮动元素位于非浮动元素之前：
我是向右浮动元素，浮动后我的display隐性变为了block
我是一个长段落，非常非常长，以至于可以占满父容器的宽度。我是一个长段落，非常非常长，以至于可以占满父容器的宽度。我是一个长段落，非常非常长，以至于可以占满父容器的宽度。我是一个长段落，非常非常长，以至于可以占满父容器的宽度。
永不换行 不换行
我是向右浮动元素，浮动后我的display隐性变为了block
我是一个短段落
永不换行 不换行
我是向右浮动元素，浮动后我的display隐性变为了block
我是一个div，我被设置了固定的宽度，和父容器一样宽，位于我之前的浮动元素该往哪占呢？
永不换行 换行,固定宽度div被挤下去
我是向右浮动元素，浮动后我的display隐性变为了block我是一个span，很明显我是行内级元素。我的宽度是由我里边文字的多少决定的。
永不换行 不换行
我是向右浮动元素，浮动后我的display隐性变为了block我是一段文字，HTML结构上我没有任何标签包裹。但是浏览器会为我生成一个隐含的行内级标签。
永不换行 不换行
2.浮动元素位于非浮动元素之后：
我是一个长段落，非常非常长，以至于可以占满父容器的宽度。我是一个长段落，非常非常长，以至于可以占满父容器的宽度。我是一个长段落，非常非常长，以至于可以占满父容器的宽度。我是一个长段落，非常非常长，以至于可以占满父容器的宽度。
我是向右浮动元素，浮动后我的display隐性变为了block 永远换行 永远换行
我是一个短段落
我是向右浮动元素，浮动后我的display隐性变为了block 永远换行 永远换行
我是一个div，我被设置了固定的宽度，和父容器一样宽，位于我之前的浮动元素该往哪占呢？
我是向右浮动元素，浮动后我的display隐性变为了block
永远换行 永远换行
我是一个span，很明显我是行内级元素。我的宽度是由我里边文字的多少决定的。我是向右浮动元素，浮动后我的display隐性变为了block
不换行，但当父元素宽度不够时会换行（缩小浏览器窗口进行测试） 永远换行
我是一段文字，HTML结构上我没有任何标签包裹。但是浏览器会为我生成一个隐含的inline box。我是向右浮动元素，浮动后我的display隐性变为了block
不换行，但当父元素宽度不够时会换行（缩小浏览器窗口进行测试） 永远换行