Question

问个JS的浮动问题

如上图所示，float据说是脱离文档流左右浮动，那为什么会影响到第一行里的TTTTTT文字的位置？？？
我还发现如果把TTTTTT这个文字替换成div的话，D2的浮动就不会影响它





Answer 1

float是水平浮动，只会在同一行，div本身占用一行，而单纯的文字是不占用一行的，所以，没加div的时候，ttt和d2是在同一行，会被d2挤过去，加了div之后，不在同一行，就没有被挤过去

追问

虽然说ttt不占用一行，但是没浮动时

TTTTTT
 <div id='d2'> D2
 </div>

，出来是

看上去还是分了2行呀，D2浮动时感觉不会影响上面一行的内容，请赐教--

追答

还是因为div单独占用了一行，所以，你没有加浮动，他本身就在第二行，所以，这里你加不加浮动都影响不了ttt。浮动只影响同一行

追问

给D2加浮动会影响TTTT呀，会吧他挤到右边去的。。。我按你的说法，理解是TTTTD2看上去TTTT在上，D2在下，但他们其实是同一行的，所以D2浮动后文字就被挤到右边去了是吗？有点啰嗦，麻烦你了-_-

追答

div自己占用了一行，所以不在同一行