課程
/前端開發(fā)
/HTML/CSS
/網(wǎng)頁布局基礎(chǔ)
代碼內(nèi)容
在瀏覽器里預(yù)覽的時(shí)候?yàn)g覽器里是空白
2017-03-05
源自:網(wǎng)頁布局基礎(chǔ) 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效果。
可能的問題是:你的輸入法不是在英文下,或者是你的瀏覽器問題。
舉報(bào)
讓你精通CSS中三大定位機(jī)制,徹底掌握網(wǎng)頁布局的相關(guān)知識(shí)
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
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效果。
可能的問題是:你的輸入法不是在英文下,或者是你的瀏覽器問題。