怎樣讓mianbody可以居于left下面且居中

<!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">
* {
??? margin:0;
?padding:0;
}
#wrap {
?background:#00C;
?margin:0 auto;
?width:960px;
}
#header {
?background:#FF3300;
?width:100%;
}
#mainbody {
?background:#FC0;
?width:100%;
?overflow:hidden;
?color:#F0F8FF;
?font-size:40px;
?font-family:Fantasy;
??? line-height:500px;
??? text-align:center;
}
.left {
?width:800px;
?height:200px;
?background:#000;
?float:left;
??? color:#F0F8FF;
??? font-size:40px;
??? font-family:Fantasy;
??? line-height: 200px;
??? text-align:center;
?top:0;
}
.right {
width:140px;
height:500px;
background:#690;
float:right;
color:#F0F8FF;
font-size:40px;
font-family:Fantasy;
line-height:500px;
text-align:center;
}
#footer {
?background:#639;
?width:100%;
}
</style>
</head>

<body>
<div id="wrap">
? <div id="header">頭部</div>
? <div id="mainbody">
??? <div class="left">left</div>
??? mainbody
??? <div class="right">right</div>
? </div>
? <div id="footer">版權部分</div>
</div>
</body>
</html>

Destiny命運

2016-03-29

源自：網頁布局基礎 3-5

關注問題我要回答

620

操作

收起

2 回答

慕移動9181930
2022-03-29

嗯嗯我也是這么認為的

v t v w i j p o u i s w s p b l q i i x p m m j t k v r q w e k c x i j p t h a u h q t k h i p p y e d u o r k p a i l z d q x t m m n e

0 回復有任何疑惑可以回復我~

收起回答

Destiny命運提問者
2016-03-29

<!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">
* {
??? margin:0;?padding:0;
}
#wrap {
?background:#00C;
?margin:0 auto;
?width:960px;
}
#header {
?background:#FF3300;
?width:100%;
?text-align:center;
}
#mainbody {
?background:#FC0;
?width:100%;
?overflow:hidden;
?color:#F0F8FF;
?font-size:40px;
?font-family:Fantasy;
??? line-height:250px;
??? text-align:center;
}
.left {
?width:800px;
?height:200px;
?background:#000;
?float:left;
??? color:#F0F8FF;
??? font-size:40px;
??? font-family:Fantasy;
??? line-height: 200px;
??? text-align:center;
?top:0;
}
.right {
width:140px;
height:500px;
background:#690;
float:right;
color:#F0F8FF;
font-size:40px;
font-family:Fantasy;
line-height:500px;
text-align:center;
top:0;
}
#footer {
?background:#639;
?width:100%;
?text-align:center;
}
</style>
</head>

<body>
<div id="wrap">
? <div id="header">頭部</div>
? <div id="mainbody">
??? <div class="left">left</div>
??? <div class="right">right</div>
??? mianbody
? </div>
? <div id="footer">版權部分</div>
</div>
</body>
</html>