課程
/前端開發
/HTML/CSS
/如何用CSS進行網頁布局
會不會是我的main 代碼有問題?為什么我的left跑到左上角了??
2016-08-11
源自:如何用CSS進行網頁布局 5-3
正在回答
.main{background-color:red;height:500px;font-size:20px;position:relative}.left{width:200px;background-color:blue;height:500px;position:absolute;left:0;top:0}.right{width:100%;background-color:green;height:100%;position:absolute;left:210px;top:0}
你的.left代碼有問題 ? ?前面用的是浮動 ,到這你用的是絕對定位,脫離文檔流,而且父類沒有進行相對定位,left這塊就以body為父類,相對于瀏覽器移動了,能明白嗎? ? ?解決辦法:你可以給父類也就是main設置一個相對定位position:relative ,不需要設置位移;或者left也用浮動,給一個float:left. ?就可以了
舉報
用最簡潔的案例教你布局的那些知識,這是前端工程師基本技能
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-08-12
.main{background-color:red;height:500px;font-size:20px;position:relative}
.left{width:200px;background-color:blue;height:500px;position:absolute;left:0;top:0}
.right{width:100%;background-color:green;height:100%;position:absolute;left:210px;top:0}
2016-08-11
你的.left代碼有問題 ? ?前面用的是浮動 ,到這你用的是絕對定位,脫離文檔流,而且父類沒有進行相對定位,left這塊就以body為父類,相對于瀏覽器移動了,能明白嗎? ? ?解決辦法:你可以給父類也就是main設置一個相對定位position:relative ,不需要設置位移;或者left也用浮動,給一個float:left. ?就可以了