黑马程序员技术交流社区

标题: HTML运行结果不是我想要的，哪有问题？？？ [打印本页]
作者: hi2hcs    时间: 2014-10-12 03:02
标题: HTML运行结果不是我想要的，哪有问题？？？
写了个很简单的代码，想要的三个并排的彩色块，出来的结果却不是我想要，请教下大家。。。我用的是win8系统IE11浏览器和火狐32浏览器，但结果都一样，结果如图所示
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>无标题文档</title>

  7. <style type="text/css">

  9. #div_1id{ background-color:#F00;
  10.                 border:1px;
  11.                 width:50px;
  12.                 height:50px;
  13.                 loat:left;
  14.                 }
  15. #div_2id{background-color:#0F0;
  16.                 border:1px;
  17.                 width:60px;
  18.                 height:60px;
  19.                 float:left;
  20.                                 }
  21. #div_3id{background-color:#00F;
  22.                 border:1px;
  23.        
  24.                 width:70px;
  25.                 height:70px;
  26.                 }
  27. </style>
  28. </head>

  30. <body>
  31. <script type="text/javascript">
  32. document.write(navigator.appVersion);


  35. </script>
  36. <hr/>


  39. <div id="div_1id"></div>
  40. <div id="div_2id"></div>
  41. <div id="div_3id"></div>
  42. </body>
  43. </html>
复制代码





QQ图片20141012025821.png (62.43 KB, 下载次数: 8)

QQ图片20141012025821.png
作者: 化学反应    时间: 2014-10-12 09:03
13行的float属性写错了，第三个div也需要加一个float=“left”
作者: hi2hcs    时间: 2014-10-12 09:18
本帖最后由 hi2hcs 于 2014-10-12 09:21 编辑

13行那个load应该是float，应该是在反复修改中改掉，改过后结果是这样的，如图，没有出现并排的情况

360截图20141012091655324.jpg (19.56 KB, 下载次数: 17)

360截图20141012091655324.jpg
作者: hi2hcs    时间: 2014-10-12 09:20
化学反应 发表于 2014-10-12 09:03
13行的float属性写错了，第三个div也需要加一个float=“left”

13行那个load应该是float，应该是在反复修改中改掉，改过后结果是这样的，如图，并没有出现并排的情况

360截图20141012091655324.jpg (19.56 KB, 下载次数: 3)

360截图20141012091655324.jpg
作者: 化学反应    时间: 2014-10-12 14:14
兄弟不告诉你了吗，你定义了三个div，第三个div也要加上float=“left”属性。
作者: 化学反应    时间: 2014-10-12 14:25
<style type="text/css">

#div_1id{ background-color:#F00;
                border:1px;
                width:50px;
                height:50px;
               float: 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;
                float: left
                }
</style>
作者: 化学反应    时间: 2014-10-12 14:31
哥们你怎么学起来html了，你是不是已经在黑马学习了，我还在准备，入学流程里也没有要求学习html呀？
最近就要申请面试，有些敏感。可以的话交流一下，谢谢了。



欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2