元素一旦浮動之后,確實脫離了父元素的文檔流,但這個元素還是從屬于父元素內,我認為文檔流(代表一種布局方式)和文檔結構(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