首页 手机软件 手机游戏 单机游戏 资讯文章 专题下载 游戏合集 文章合集 php下载 php教程 电脑软件
+ -
当前位置：首页 → 问答吧 → margin-top在ie下的问题

margin-top在ie下的问题

时间：2009-02-24

来源：互联网

先上代码
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>无标题文档</title>
  6. <style type="text/css">
  7. <!--
  8. body,td,th {
  9.         font-family: Verdana, Geneva, sans-serif;
  10. }
  11. #head
  12. {
  13.         height:200px;
  14.         background-color:#80FFFF;
  15. }
  16. #main
  17. {
  18.         background-color:#CCC;
  19.         overflow:hidden;
  20. }
  21. #area
  22. {
  23.         margin-top:-100px;
  24. }
  25. -->
  26. </style>
  27. </head>
  28. <body>
  29. <div id="head"></div>
  30. <div id="main">
  31.     <div id="area">
  32.         <ul>
  33.             <li>第1行</li>
  34.             <li>第2行</li>
  35.             <li>第3行</li>
  36.             <li>第4行</li>
  37.             <li>第5行</li>
  38.             <li>第6行</li>
  39.             <li>第7行</li>
  40.             <li>第8行</li>
  41.             <li>第9行</li>
  42.             <li>第10行</li>
  43.             <li>第11行</li>
  44.             <li>第12行</li>
  45.             <li>第13行</li>
  46.         </ul>
  47.     </div>
  48. </div>
  49. </body>
  50. </html>
复制代码


由于特殊原因，main不能指定height（其实可以动态指定，但相当麻烦，所以找个可以不指定的方法），在ff下有效果，但ie6下就不行，向上跑……，遮住上面的div了，有没有什么解决的方法，指点下，ie其他版本没测试

作者: kuku-1   发布时间: 2009-02-24

你的不同效果是  overflow:hidden;在不同浏览器中引起的，和margin-top无关

作者: 随风缘   发布时间: 2009-02-25

相关阅读 更多

热门阅读

热门下载

更多
关于本站 免责申明 联系我们

Copyright 2006-2020 php爱好者(phpfans.net) All Rights Reserved.备案号：湘ICP备2023016114号-2

本站为非盈利性网站，不接受任何广告。本站所有资源均由网友上传，如有侵权，请发邮件至 [email protected] phpfans.net