经过上次的计划,我准备用DW做前端,因为是可视化的软件,管理和开发相对来说比较方便和直观,真的不得不赞叹DW的贴心,感觉许多地方处理的都很人性化,用起来特别的爽,不过正当我用默认的FF来浏览我刚用DW开发好的页面的时候,发生了意料之外的事情。
以下是一部分XHTML的代码:
<body id="overview">
<div id="header">
<div id="logo"/>
<div id="slogan"/>
<div id="line"/>
</div>
</body>
以下是对应的CSS代码:
#header{
width:1000px;
height:800px;
}
#header #logo{
margin-top:25px;
margin-left:22px;
width:134px;
height:70px;
background-image:url(../images/logo-normal-134x70.png);
display: block;
}
#header #slogan{
margin-top:70px;
width:177px;
height:25px;
background-image:url(../images/slogan-177x25.png);
}
#header #line{
margin-left:22px;
margin-top:23px;
border-top-color:#FFFFFF;
border-top-width:5px;
border-top-style:solid;
}
弄完之后DW显示是完全正确的,可是当我打开默认的FF的时候,确发生了不可思议的事情,DW中显示:
这个明显不满足预期,slogan和logo在我看来应该是两个DIV,怎么会合在了一起?很莫名的错误,后来不知道怎么回事,突发奇想了下,会不会是由于
<div id="logo"/>
这样子的格式造成的,我于是就改为了
<div id="logo"></div>
同样此时DW也还是好的,我打开了FF,浏览了下效果,果然神奇般的恢复了:
结论:在写XHTML时,div标签不能直接用<div/>来结束,我知道这只是表象,希望哪位兄台能告诉到底这个的本质原因是什么,小弟不胜感谢。