div嵌套div margin-top。代码
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME=”Generator” CONTENT=”EditPlus”>
<META NAME=”Author” CONTENT=”">
<META NAME=”Keywords” CONTENT=”">
<META NAME=”Description” CONTENT=”">
</HEAD>
<BODY>
<style type=”text/css”>
#style3 {
height:200px;
width:300px;
/* border:1px solid #000;*/
background-color:#a2d39c;
}
#style1 {
height:80px;
width:80px;
margin-top:20px;
margin-bottom:10px;
border:1px solid #000;
background-color:#acd373;
top:20px;
}
</style>
<div id=”style3″ >
<div id=”style1″>层一</div>dfasdfadsfds
</div>
</BODY>
</HTML>
在ie是ff中效果不一样。
解决方法：
1、使用浮动来解决，即将子层代码改为：<div style=”margin-top:200px;float:left”;>子层</div>
2、使用padding-top来解决，即：
<div style=”padding-top:200px;”>
<div>子层</div>
</div>
3.上次div加border-top:1px solid #FFF;