                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /如何用CSS进行网页布局

请问这段代码出了什么问题

运行后一片白没有显示找不出错在哪里

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>

<title>levier007</title>

body{margin:o;padding:o;width:700px}

.left{width:200px;hight:800px;bgcolor:#060;float:left}

.right{width:500px;hight:800px;bgcolor:#CC9;float:right}

.top{width:200px;hight:400px;bgcolor:#066;float:top}

.bottom{width:200px;hight:400px;bgcolor:#C00;float:bottom}

</style>

</head>

<body>

</div>

</body>

</html>

Levier007

2017-05-06

源自：如何用CSS进行网页布局 3-1

关注问题我要回答

1163

操作

收起

3 回答

野生码农在线co腚
2017-05-07

回复 慕粉15673711467：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html>
 
<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
 <title>levier007</title> 
 
 <style type="text/css">
 
    body{margin:0;padding:0;}
 
    .left{width:200px;height:800px;background:#060;float:left}
    .top{width:200px;height:400px;background:#066;float:top}
    .bottom{width:200px;height:400px;background:#C00;float:bottom}
  
 </style>
 
 </head>
 
 <body>
 
   <div class="left">
 
    <div class="top"> </div>
 
    <div class="bottom"></div>
 
   </div>
 
   <div class=“right” style="background:red;width:500px;height:800px;"></div>
 
 </body>
 
</html>
 可以的话就采纳吧...挣三分还真难!!!

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

收起回答

野生码农在线co腚
2017-05-07

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

 <title>levier007</title> 

 <style type="text/css">

    body{margin:0;padding:0;width:700px}

    .left{width:200px;height:800px;background:#060;float:left}

    .right{width:500px;height:800px;background:#CC9;float:right}

    .top{width:200px;height:400px;background:#066;float:top}

    .bottom{width:200px;height:400px;background:#C00;float:bottom}

 </style>

 </head>

 <body>

   <div class="left">

    <div class="top"> </div>

    <div class="bottom"></div>

   </div>

   <div class=“right”></div>

 </body>

</html>

你上面三个地方有错误.margin:o;padding:o; 是0 不是o.

hight:800px; 是height 不是hight.

bgcolor:#C00;是;background.