div嵌套div margin-top
时间：2010-02-24 来源：zhxw123
代码
<!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 { width:300px; /* border:1px solid #000;*/ background-color:#a2d39c; } #style1 { 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;
<BODY> <style type="text/css">
#style3 { width:300px; /* border:1px solid #000;*/ background-color:#a2d39c; } #style1 { 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;
相关阅读 更多 +
