元素一旦浮动之后,确实脱离了父元素的文档流,但这个元素还是从属于父元素内,我认为文档流(代表一种布局方式)和文档结构(html内容)不是一个层面上的概念,需要分清楚,不能混为一谈。(浮动的元素a已经没有按照标准文档流的规则布局,这证明了元素a已经脱离了文档流;float属性定义元素a浮动,并且必须接触到《父元素》的边框才能停止,这证明了元素a注定不会脱离父元素这个容器而跑到其他地方去。)
推荐阅读w3school里的专业解释:http://www.w3school.com.cn/css/css_positioning_floating.asp
这节课误人子弟!
推荐阅读w3school里的专业解释:http://www.w3school.com.cn/css/css_positioning_floating.asp
这节课误人子弟!
2017-03-03
搞笑了,体验不好还不能吐槽了。这部视频是免费的,这网站所有视频都是免费的了?出免费的就是让用户先体验,效果好了自然才会去花钱听收费的。提出建议促进网站进步,不然谁花钱去听收费的。
2017-03-02
*{margin:0; padding:0;}
#wrap{width:970px; margin: 0px auto}
#mainbody{position: relative; margin-top:15px;}
#left{width:110px; float: left; border:1px solid #999;}
#mid{width:650px;border:1px solid #999; float: left; margin-left: 13px}
#right{position: absolute; border:1px solid #999;left: 792px;}
#wrap{width:970px; margin: 0px auto}
#mainbody{position: relative; margin-top:15px;}
#left{width:110px; float: left; border:1px solid #999;}
#mid{width:650px;border:1px solid #999; float: left; margin-left: 13px}
#right{position: absolute; border:1px solid #999;left: 792px;}
2017-03-02
和我一样的点个赞
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left;width:110px;border:1px solid #999;}
#mid{float:left;margin-left:13px;width:650px;border:1px solid #999;}
#right{position:absolute;left:790px;border:1px solid #999;}
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left;width:110px;border:1px solid #999;}
#mid{float:left;margin-left:13px;width:650px;border:1px solid #999;}
#right{position:absolute;left:790px;border:1px solid #999;}
2017-03-01
的确讲错了。设置浮动的元素不在标准文档流之中。一个标准文档流的盒子,装了设置浮动属性的盒子,其高度并不会随着浮动盒子的高度而变化,就因为浮动盒子不在标准文档流之中。
2017-03-01