日期:2014-05-16  浏览次数:20692 次

浮动元素的文字环绕想不明白
按照书上的解释浮动元素会脱离普通流,会给非浮动元素让出自己占据的空间,经过两个相同的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的元素,是要相对父级元素的,所以只能写在父级元素内