level 7
a浮动的是左边
2014年11月06日 15点11分
level 6
level 7
肥鱼叼草
楼主
@忘记密码的饺子
你看这最后一句，明显说的效果就是IE6的效果，哎呀看得我都醉了
2014年11月06日 15点11分
4
你看这最后一句，明显说的效果就是IE6的效果，哎呀看得我都醉了
话说这句我也没怎么看懂![[汗]](/static/emoticons/u6c57.png)
可能意思是块元素独占一行 浮动之后右边可以放元素的意思吧 不过浮动就脱离文档流了。同样是浮动的元素就会一行显示。正常文档流的元素就会被盖在下面
2014年11月06日 15点11分
可能意思是块元素独占一行 浮动之后右边可以放元素的意思吧 不过浮动就脱离文档流了。同样是浮动的元素就会一行显示。正常文档流的元素就会被盖在下面
回复 忘记密码的饺子 :浮动就是脱离了文档流，它说可以让右侧的文档流能够贴在右侧，哇擦，只有IE6/5 才有这种效果吧。w3c标准的浏览器人家可都是浮动块会覆盖同样大小的文档流的
2014年11月06日 15点11分
回复 肥鱼叼草 :那就不知道了。我没看得那么仔细～反正你已经懂了就ok了嘛
2014年11月06日 15点11分
回复 忘记密码的饺子 :还是不太懂
2014年11月06日 15点11分
level 7
![[滑稽]](/static/emoticons/u6ed1u7a3d.png)
。![[委屈]](/static/emoticons/u59d4u5c48.png)
可见IE6就是个杰宝。
level 10
目前的标准应该是谁设置了float，谁才能浮动，只给a设置float，bc是不应该浮动的，ie6中的效果要给b设置了float才能实现。你们说的书里那只是个形象的描述，用于解释“浮动”的意思，原话并没有对你这个情况进行说明。早期的trident内核对于CSS的解释很差，很多都和标准不一样（当然ie也有一部分观念是比标准更合理的，但float不在其列）建议只考虑对其兼容，不要作为学习的标本（另外ie5可以放弃了，没人用了，多余测它，至于是否要支持6，这就看你面向的用户了，没有特别需求的话可以直接放弃支持，一般从8开始必须支持，主要面相webkit、blink和gecko）
2014年11月07日 19点11分
6
![[真棒]](/static/emoticons/u771fu68d2.png)
涨姿势了
![[喷]](/static/emoticons/u55b7.png)
win7系统最少都是ie8起了吧
level 9
看这个图应该能明白吧？a是左浮动，b没有浮动，但是它的高比a高，于是b占据了a原来的位置，因为a脱离文档流了，但是b里面的文字没有被a盖住，而是环绕a排列。<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<title>Test</title>
<style type="text/css">
.box1{
width: 100px;
height: 100px;
float: left;
background-color: red;
}
.box2{
background-color: blue;
height: 300px;
color: #fff;
}
</style>
</head>
<body>
<div>
<div class="box1"></div>
<div class="box2">box2的开头文字aaaaaaaaaaaaaaaaaaaaaaaaa</div>
</div>
</body>
</html>
注意书中说的是文档流会贴在右侧，不是说块会贴在右侧。
2014年11月11日 06点11分
