課程
/前端開發
/HTML/CSS
/如何用CSS進行網頁布局
本來中間的style是這么寫的--.main{ height:600px;margin:0px 310px 0 210px; background:#9CF;},全屏后看到藍色頁面在左右文本的下方,無法居中在上面,然后就.main{ height:600px;margin:-600px 310px 0 210px; background:#9CF;}才成功。我想知道是我代碼出錯,還是其他原因導致無法實現效果的。
2016-12-20
源自:如何用CSS進行網頁布局 4-3
正在回答
.left{ position:absolute; }
你的代碼中這個冒號":"使用的不是英文標點,造成.left DIV沒有絕對定位,還處于正常流中, .main DIV才換行顯示.
重新輸入一個正確的":"即可.
這位同學,提問的時候還是要把完整的代碼粘貼上來了,不然這樣的問題沒有啥實質性的意義。很多同學都是十分關注提問的
廣州張敬軒 提問者
.left{ width:200px; height:600px; background:#ccc; position:absolute; left:0; top:0}.main{ height:600px;margin:0 310px 0 210px; background:#9CF}.right{ height:600px; width:300px; position:absolute;right:0; top:0; position:absolute; background:#FCC;}
你可能是left和right的css沒寫對
舉報
用最簡潔的案例教你布局的那些知識,這是前端工程師基本技能
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-01-06
.left{ position:absolute; }
你的代碼中這個冒號":"使用的不是英文標點,造成.left DIV沒有絕對定位,還處于正常流中, .main DIV才換行顯示.
重新輸入一個正確的":"即可.
2016-12-22
這位同學,提問的時候還是要把完整的代碼粘貼上來了,不然這樣的問題沒有啥實質性的意義。很多同學都是十分關注提問的
2016-12-21
.left{ width:200px; height:600px; background:#ccc; position:absolute; left:0; top:0}
.main{ height:600px;margin:0 310px 0 210px; background:#9CF}
.right{ height:600px; width:300px; position:absolute;right:0; top:0; position:absolute; background:#FCC;}
你可能是left和right的css沒寫對