HTML运行结果不是我想要的，哪有问题？？？

2014-10-12 02:58 上传

写了个很简单的代码，想要的三个并排的彩色块，出来的结果却不是我想要，请教下大家。。。我用的是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>

复制代码

化学反应 · 化学反应

13行的float属性写错了，第三个div也需要加一个float=“left”

hi2hcs · hi2hcs

本帖最后由 hi2hcs 于 2014-10-12 09:21 编辑

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

hi2hcs · hi2hcs

化学反应发表于 2014-10-12 09:03
13行的float属性写错了，第三个div也需要加一个float=“left”

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

化学反应 · 化学反应

兄弟不告诉你了吗，你定义了三个div，第三个div也要加上float=“left”属性。

化学反应 · 化学反应

化学反应 · 化学反应

哥们你怎么学起来html了，你是不是已经在黑马学习了，我还在准备，入学流程里也没有要求学习html呀？
最近就要申请面试，有些敏感。可以的话交流一下，谢谢了。

帐号		自动登录	找回密码
密码			加入黑马

6 个回复