浮动元素的文字环绕想不明白
按照书上的解释浮动元素会脱离普通流，会给非浮动元素让出自己占据的空间，经过两个相同的DIV实验确实如此div1浮动div2不浮动，确实其中一个被覆盖了，但是如果div1浮动，再后面写上许多文字，这些文字为什么不会被DIV1覆盖反而是围绕着DIV1呢？DIV1浮动元素不是应该脱离了普通流把空间让出来了吗？不懂呢
------解决方案--------------------
但是如果div1浮动，再后面写上许多文字，这些文字为什么不会被DIV1覆盖反而是围绕着DIV1呢？DIV1浮动元素不是应该脱离了普通流把空间让出来了吗？不懂呢

re:

你好像遗漏了一个概念:盒子，上面的说明是在div1,围绕着DIV1的文字同属于一个盒子内时才会这样
------解决方案--------------------
元素分为：块元素和行元素，它们在浏览器中有不同的布局
------解决方案--------------------
汉语“浮动”在html/css中有两个概念
1.层 z-index
2.靠边 float
你说的话前半段是第一个概念，后半段则是第二个概念，看你是有点混淆了
------解决方案--------------------

引用:

Quote: 引用:

汉语“浮动”在html/css中有两个概念
1.层 z-index
2.靠边 float
你说的话前半段是第一个概念，后半段则是第二个概念，看你是有点混淆了

恩确实有点模糊不清，能不能具体解释下原理呢万分感谢

文字解释不清，最简单就是你自己写代码看看效果
用z-index的元素，定好坐标，可以出现在代码的任意地方，就是书上说的“脱离普通流”
但用float的元素，是要相对父级元素的，所以只能写在父级元素内