简单讲一下供大家理解:整个容器是一个有x,y,z三个轴的立体空间,当元素设置了float时,这个元素就脱离了标准文档流,朝着z轴也就是对着你的脸的方向浮动了起来。视频里的白色块left设置了浮动后,原本在下面的绿色块right因为left的浮动而移了上去,并且绿色的块有200px被白色挡住了
2017-06-11
要达到 图片效果 只要记住,重点是 mid是相对于处在 mainbody里面设置。而 left 和right 是作为单独的去覆盖 mainbody,意思是 left position 都可以。因为都是覆盖效果。
2017-06-09
在style中设置了left的浮动属性过后,mid 只设置边距这是因为,float:left已经脱离文档流,设置的mid是把mid看做处在mainbody里面的时候设置的,说白了此处的left 已经作为单独的一个盒模型去覆盖mainbody的内容。后面的position:absolute也是这个道理。
2017-06-09