課程
/前端開發
/HTML/CSS
/如何用CSS進行網頁布局
為什么增加10px像素還是沒反應,中間沒間隔呢?
2016-07-04
源自:如何用CSS進行網頁布局 4-1
正在回答
.main{height:500px;background:#999;marin:0 310px 0 210px}
這段代碼margin寫錯了? 改過來就好了
榮耀zyy 提問者
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<style type="text/css">
body{
margin: 0;
padding: 0;
margin-left: 0px;
margin-right: 0px;
}
.left{width:200px;height:500px;background:#F00;position:absolute;left:0;top:0;}
.right{width:300px;height:500px;background:#0FF;position:absolute;right:0;top:0;}
</style>
</head>
<body>
<div class="left">200px</div>
<div class="main">殲-20采用了單座、雙發、全動雙垂尾、DSI鼓包式進氣道、上反鴨翼帶尖拱邊條的鴨式氣動布局。機頭、機身呈菱形,垂直尾翼向外傾斜,起落架艙門為鋸齒邊設計,機身以深黑色涂裝,而殲20(2011號及以后)采用類似于F22的高亮銀灰色涂裝。側彈艙采用創新結構,可將導彈發射掛架預先封閉于外側,同時配備中國國內最先進的新型空空導彈。</div>
<div class="right">300px</div>
</body>
</html>
你用了padding 還是margin,沒代碼好難幫您
舉報
用最簡潔的案例教你布局的那些知識,這是前端工程師基本技能
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-07-04
.main{height:500px;background:#999;marin:0 310px 0 210px}
這段代碼margin寫錯了? 改過來就好了
2016-07-04
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<style type="text/css">
body{
margin: 0;
padding: 0;
margin-left: 0px;
margin-right: 0px;
}
.left{width:200px;height:500px;background:#F00;position:absolute;left:0;top:0;}
.main{height:500px;background:#999;marin:0 310px 0 210px}
.right{width:300px;height:500px;background:#0FF;position:absolute;right:0;top:0;}
</style>
</head>
<body>
<div class="left">200px</div>
<div class="main">殲-20采用了單座、雙發、全動雙垂尾、DSI鼓包式進氣道、上反鴨翼帶尖拱邊條的鴨式氣動布局。機頭、機身呈菱形,垂直尾翼向外傾斜,起落架艙門為鋸齒邊設計,機身以深黑色涂裝,而殲20(2011號及以后)采用類似于F22的高亮銀灰色涂裝。側彈艙采用創新結構,可將導彈發射掛架預先封閉于外側,同時配備中國國內最先進的新型空空導彈。</div>
<div class="right">300px</div>
</body>
</html>
2016-07-04
你用了padding 還是margin,沒代碼好難幫您