課程
/前端開發
/HTML/CSS
/網頁布局基礎
2015-01-11
源自:網頁布局基礎 5-1
正在回答
根據你的代碼,我找到的問題:
你的思路是對的,三個div都設置成浮動是可以實現效果的。
問題一:你在類名為right的div上做了清除浮動的操作,也就是,你限制了類名為right的div的左邊是不能存在浮動元素的,導致了這個div的串行,也就是到了下一行!
問題二:你沒有給類名為right的div設置寬度,這樣它的寬度是隨著內容撐大的。在你的代碼中,p標簽的長度撐大了div,導致發生串行。
解決辦法:把clear:left去掉,還有給類名為right的div設置寬度。
個人理解,希望對你有幫助~~
paran 提問者
舉報
讓你精通CSS中三大定位機制,徹底掌握網頁布局的相關知識
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2015-01-11
根據你的代碼,我找到的問題:
你的思路是對的,三個div都設置成浮動是可以實現效果的。
問題一:你在類名為right的div上做了清除浮動的操作,也就是,你限制了類名為right的div的左邊是不能存在浮動元素的,導致了這個div的串行,也就是到了下一行!
問題二:你沒有給類名為right的div設置寬度,這樣它的寬度是隨著內容撐大的。在你的代碼中,p標簽的長度撐大了div,導致發生串行。
解決辦法:把clear:left去掉,還有給類名為right的div設置寬度。
個人理解,希望對你有幫助~~