61,115
社区成员
发帖
与我相关
我的任务
分享div布局的问题
<!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>
<title>test</title>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<style>
#div1 {
background-color:#eee;
height:25px;
}
#div2 {
background-color:#ccc;
height:25px;
}
#div3 {
background-color:#aaa;
height:25px;
}
#div4 {
background-color:#888;
height:25px;
}
</style>
</head>
<body>
<div id="div1"></div>
<form name="f1" action="go.asp" method="post">
<div id="div2"></div>
<div id="div3"></div>
</form>
<div id="div4"></div>
</body>
</html>
以上代码在IE7下面运行的话，DIV1和DIV2之间会多出个空白行(3和4之间也会)，在FF下则没有
是HTML不规范还是什么引起的？
如果在IE的界面下去掉空白行？
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>test</title>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<style>
#div1 {
background-color:#eee;
height:25px;
}
#div2 {
background-color:#ccc;
height:25px;
}
#div3 {
background-color:#aaa;
height:25px;
}
#div4 {
background-color:#888;
height:25px;
}
</style>
</head>
<body>
<div id="div1"></div>
<form name="f1" action="go.asp" method="post">
<div id="div2"></div>
<div id="div3"></div>
</form>
<div id="div4"></div>
</body>
</html>
以上代码在IE7下面运行的话，DIV1和DIV2之间会多出个空白行(3和4之间也会)，在FF下则没有
是HTML不规范还是什么引起的？
如果在IE的界面下去掉空白行？
...全文
请发表友善的回复…
发表回复
ddcatlee 2008-11-05
- 打赏
- 举报
不要乱套标签
form {
margin:0;
padding:0;
}
form {
margin:0;
padding:0;
}
zzy0000 2008-11-05
- 打赏
- 举报
谢谢neoyoho，改下位置后好了～
但从格式上看感觉有点怪...
但从格式上看感觉有点怪...
neo_yoho 2008-11-05
- 打赏
- 举报
都是FORM惹的祸 改下位置。。。
<div id="div1">1<form name="f1" action="go.asp" method="post"></div>
<div id="div2"> </div>
<div id="div3"> </div>
<div id="div4"></form>4</div>
<div id="div1">1<form name="f1" action="go.asp" method="post"></div>
<div id="div2"> </div>
<div id="div3"> </div>
<div id="div4"></form>4</div>
bestdowt1314 2008-11-05
- 打赏
- 举报
改成浮动的。就可以了。
