ie与火狐一个差异：margin-top

最新推荐文章于 2025-09-26 03:29:45 发布

原创最新推荐文章于 2025-09-26 03:29:45 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ie #测试 #html #文档

WEB开发专栏收录该内容

43 篇文章

订阅专栏

本文通过一个具体的实例展示了如何使用HTML和CSS进行网页布局。详细介绍了利用div元素结合CSS样式实现导航栏和新闻模块的基本布局技巧。对比了不同浏览器下显示效果的差异。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style type="text/css">

#news {
width:500px;
height:250px;
background:#fff;
border:1px solid #CCC;
}
#nav{
margin-top:15px;
}
/*
ul {
list-style:none;
}
a{
text-decoration:none;
color:#000;}
#nav{
background:#ccc;
text-align:left;
width:80px;
height:250px;
margin-top:0px;
border:1px solid #09F;
}

#nav li{
margin-left:0px;}*/
</style>
</head>
<body>
<div id="news">
    <ul id="nav">
      <li><a href="#">测试测试1</a></li>
     <li><a href="#">测试测试2</a></li>
      <li><a href="#">测试测试3</a></li>
      <li><a href="#">测试测试4</a></li>
     <li><a href="#">测试测试5</a></li>
    </ul>
</div>
</body>
</html>

注意：在火狐下去掉红色代码与在IE下去掉红色字体有明显区别