課程
/前端開發
/HTML/CSS
/網頁布局基礎
代碼內容
在瀏覽器里預覽的時候瀏覽器里是空白
2017-03-05
源自:網頁布局基礎 3-3
正在回答
<!DOCTYPE html><html lang="en"><head> ? ?<meta charset="UTF-8"> ? ?<title>test1</title> ? ?<style type="text/css"> *{margin: 0; padding: 0;} ? ? ? ?#wrap{background: #fcc; margin: 0 auto; width: 100%;} ? ? ? ?#header{background: #6cf; width: 100%;} ? ? ? ?#mainbody{background: #6fc; width: 100%;} ? ? ? ?#footer{background: #0ff; width: 100%;} ? ?</style></head><body><div id="wrap"> ? ?<div id="header">頭部</div> ? ?<div id="mainbody">主體</div> ? ?<div id="footer">底部</div></div></body></html>
這是按你的代碼在webstorm里敲的,下面是在chrome效果。
可能的問題是:你的輸入法不是在英文下,或者是你的瀏覽器問題。
舉報
讓你精通CSS中三大定位機制,徹底掌握網頁布局的相關知識
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-03-05
<!DOCTYPE html>
<html lang="en">
<head>
? ?<meta charset="UTF-8">
? ?<title>test1</title>
? ?<style type="text/css">
*{margin: 0; padding: 0;}
? ? ? ?#wrap{background: #fcc; margin: 0 auto; width: 100%;}
? ? ? ?#header{background: #6cf; width: 100%;}
? ? ? ?#mainbody{background: #6fc; width: 100%;}
? ? ? ?#footer{background: #0ff; width: 100%;}
? ?</style>
</head>
<body>
<div id="wrap">
? ?<div id="header">頭部</div>
? ?<div id="mainbody">主體</div>
? ?<div id="footer">底部</div>
</div>
</body>
</html>
這是按你的代碼在webstorm里敲的,下面是在chrome效果。
可能的問題是:你的輸入法不是在英文下,或者是你的瀏覽器問題。