課程
/前端開發
/HTML/CSS
/如何用CSS進行網頁布局
當.right沒加float:right;時 ?為什么.right會靠近.left，為什么它的寬度會比沒加上float:right;的時候還短
2016-03-23
源自：如何用CSS進行網頁布局 3-3
正在回答
若沒加float:right,那么.right就是在正常文檔流里面，就默認靠左。而float：left使.left脫離文檔流，”浮“在.right上面，就遮擋了一部分.left，因此.left就短了一截。你可以把.left的height改小一些，就會發現它其實是把.left遮蓋了。
Dream0703
qq_那個貓_0 提問者
因為加了float后.right就脫離了正常文檔流“浮”在了正常文檔流的上面，相當于他原來的位置就空出來了，然后.left就按照正常的排列方式：從上到下從左到右（這是默認的，按照閱讀習慣吧），自然就排到了.right 原來的位置上，就是靠左了。
程序媛ing
沒有加上它不就是默認與.left 一起左浮了嗎。
舉報
用最簡潔的案例教你布局的那些知識，這是前端工程師基本技能
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-04-06
若沒加float:right,那么.right就是在正常文檔流里面，就默認靠左。而float：left使.left脫離文檔流，”浮“在.right上面，就遮擋了一部分.left，因此.left就短了一截。你可以把.left的height改小一些，就會發現它其實是把.left遮蓋了。
2016-04-21
因為加了float后.right就脫離了正常文檔流“浮”在了正常文檔流的上面，相當于他原來的位置就空出來了，然后.left就按照正常的排列方式：從上到下從左到右（這是默認的，按照閱讀習慣吧），自然就排到了.right 原來的位置上，就是靠左了。
2016-03-23
沒有加上它不就是默認與.left 一起左浮了嗎。