写了个很简单的代码,想要的三个并排的彩色块,出来的结果却不是我想要,请教下大家。。。我用的是win8系统IE11浏览器和火狐32浏览器,但结果都一样,结果如图所示- <!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">
- #div_1id{ background-color:#F00;
- border:1px;
- width:50px;
- height:50px;
- loat:left;
- }
- #div_2id{background-color:#0F0;
- border:1px;
- width:60px;
- height:60px;
- float:left;
- }
- #div_3id{background-color:#00F;
- border:1px;
-
- width:70px;
- height:70px;
- }
- </style>
- </head>
- <body>
- <script type="text/javascript">
- document.write(navigator.appVersion);
- </script>
- <hr/>
- <div id="div_1id"></div>
- <div id="div_2id"></div>
- <div id="div_3id"></div>
- </body>
- </html>
复制代码
|
|