哪位帮我看看为什么在IE7下不居中显示,自己试了下去掉clearfix可以居中了,难道不需要清除浮动吗-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

哪位帮我看看为什么在IE7下不居中显示,自己试了下去掉clearfix可以居中了,难道不需要清除浮动吗

2016-06-13 15:32:49 1715 0
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<style>
*{ padding:0; margin:0; list-style:none;}
.clear{
    clear:both;
    width:100%;
    height:0;
}
.clearfix:after{
    visibility:hidden;
    display:block;
    height:0;
    font-size:0;
    content:"";
    clear:both;
}
*+html .clearfix {
    display:inline;
    zoom:1;
}
fl{ float:left;}
.container{
    width:970px;
    margin:0 auto;
}
.header img.logo{
    padding-top:16px;
    padding-left:20px;
}
.menu{
    margin-left:96px;
}
.menu li{
    float:left;
    margin-left:60px;
    height:77px;
    line-height:100px;
}
.menu li a{
    color:#666;
    font-size:16px;
}
.menu li:hover a,.menu li.active a{
    color:#f29838;
}
</style>
<body>
<div class="header">
  <div class="container clearfix">
    <a href="#"><img class="logo fl" src="images/logo_bg.png"/></a>
    <ul class="menu fl">
      <li class="active"><a href="#">首页</a></li>
      <li><a href="#">行业资讯</a></li>
      <li><a href="#">关于我们</a></li>
      <li><a href="#">加入我们</a></li>
      <li><a href="#">联系我们</a></li>
    </ul>
  </div>
</div>
</body>
</html>
取消 提交回答
全部回答(0)
相关问答

17

回答

【精品问答】Java技术1000问(1)

问问小秘 2019-11-15 11:24:15 53855浏览量 回答数 17

162

回答

惊喜翻倍:免费ECS+免费环境配置~!(ECS免费体验6个月活动3月31日结束)

豆妹 2014-10-29 17:52:21 226248浏览量 回答数 162

4

回答

kernel:unregister_netdevice: waiting for lo to become free. Usage count = 1

鲁二哥 2016-03-23 23:33:32 35680浏览量 回答数 4

13

回答

阿里云支持docker吗?

antaeus 2014-02-21 14:50:49 43867浏览量 回答数 13

1

回答

2020年阿里、字节:一套高效的iOS面试题(二)

montos 2020-04-13 15:08:17 36345浏览量 回答数 1

56

回答

基于Java容器的多应用部署技术实践【精品问答集锦】

管理贝贝 2016-07-25 18:07:23 61422浏览量 回答数 56

3

回答

对症下药:Tomcat停机过程分析与线程处理方法

驻云科技 2018-01-29 15:18:53 44952浏览量 回答数 3

20

回答

【Java学习全家桶】1460道Java热门问题,阿里百位技术专家答疑解惑

管理贝贝 2018-05-31 13:57:45 46068浏览量 回答数 20

11

回答

【精品问答合集】MongoDB热门问答

李博 bluemind 2019-05-29 16:50:19 121381浏览量 回答数 11

13

回答

【精品问答合集】Java热门问答

李博 bluemind 2019-05-29 16:00:45 125714浏览量 回答数 13
+关注
杨冬芳
IT从业
1
文章
9167
问答
问答排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载