mac下用chrome浏览器和safiri运行总是出问题?


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>慕课网</title>
    <link href="css/main01.css" rel="stylesheet" type="text/css"> 
    <script src="js/setHomeSetFav.js" type="text/javascript" charset="gb2312"></script>
</head>
<body>
    <div class="top">
        <div class="top_content">
            <ul>
                <li><a href="#">联系我们</a></li>
                <li><a href="#" onclick="AddFavorite(window.location,document.title)">加入收藏</a></li>
                <li><a href="#" onclick="SetHome(window.location)">设为首页</a></li>
            </ul>
        </div>      
    </div>         <!--top结束--> 
    <div class="wrap">
        <div class="logo">
            <div class="logo_left">
                <img src="images/logo.jpg" alt="慕课网" />
            </div>
            <div class="logo_right">
                <img src="images/tel.jpg" alt="服务热线" />24小时服务热线:<span class="tel">123-456-789</span>
            </div>
        </div><!--logo结束-->
        <div class="nav">
            <div class="nav_left"></div>
            <div class="nav_mid">
                <div class="nav_mid_left">
                    <ul>
                        <li><a href="#">首页</a>
                        <li><a href="list.html">关于慕课</a></li>
                        <li><a href="list.html">新闻动态</a></li>
                        <li><a href="list.html">课程中心</a></li>
            `            <li><a href="list.html">在线课程</a></li>
                        <li><a href="list.html">人才招聘</a></li>
                    </ul>
                </div>
                <div class="nav_mid_right">
                    <form action="" method="post">
                        <input type="text"/>
                    </form>
                </div>
            </div>
            <div class="nav_right"></div>
        </div><!--nav结束-->
    </div> <!--wrap结束-->  
</body>
</html>

*{
    margin: 0;
    padding:0;
    font-size:12px;
}
body{
    background-color: #F5F5F5;
}
.top{
    width:100%;
    height:27px;
    background: url(../images/top_bg.jpg) repeat-x;
}
.top_content{
    width:1000px;
    margin:0 auto;
    line-height: 27px;
}
.top_content li{
    list-style-image: url(../images/li_bg.gif);
    float:right;
    width:70px; 
}
.top_content a:link,.top_content a:visited{
    color:#8E8E8E;
    text-decoration: none;
}
.top_content a:hover,.top_content a:active{
    color:#900;
    text-decoration: none;
}
.wrap{
    width:1000px;
    margin:0 auto;
}
.logo{
    height:80px;
    background-color: #FFF;
}
.logo_left{
    width:200px;
    float:left;
}
.logo_right{
    width:375px;
    float:right;
    height:28px;
    margin-top:30px;
    color:#8E8E8E;
}
.logo_right img{
    vertical-align: middle;
    margin-right: 10px;
}
.tel{
    font-family: "微软雅黑";
    font-size: 16px;
    color:#C00;
}
.nav{
    height: 40px;
}
.nav_left{
    width:10px;
    background: url(../images/nav_left.jpg) no-repeat;
}
.nav_mid{
    width:980px;
    background:url(../images/nav_bg.jpg) repeat-x;
   
        
}
.nav_right{
    width:10px;
    background: url(../images/nav_right.jpg) no-repeat;
   
    
}
.nav_left,.nav_mid,.nav_right{
    float:left;
    height: 40px;
}

nav_left这个为什么会跑到上面去,独自占一行?

想实现的效果图如下

nav_left,nav_mid,nav_right应该在同一行的,但是nav_left却独占了一行



相关阅读:
列表分割数据输出
关于django model relation set的设置问题
新闻类app,每次上拉和下拉刷新都有数据,逻辑是怎样的,如何防止重复?
ios系统cursor: pointer失效
谁能用通俗易懂的言语解释一下区块链中的节点和区块的意思啊
怎么取出排序后字典中的第一个键值对
position定位,设置top为百分数,如何计算?
python 中文写入文件后乱码
jquery实现鼠标滚动时元素消失,不滚动的时候元素回来?
vue2函数化组件的问题
Spring data elasticsearch注解@Filed和@ManytoMany同时使用,搜索结果取到属性为null
前端项目使用module.exports文件一定要Webpack编译吗?请问gulp可以编译这种文件吗
vuejs 如何在组件内调用腾讯地图的API
macbook用终端安装cocoapods时出问题 后来“gem”指令失效
js能监听伪元素的transitionend吗?
微信开发文档第三步:刷新access_token这个有什么用
表格填写数据,前后为什么会发生变化
请问在 uxcore 中如何设置数据为选中状态?
这段代码中的参数都是什么意思?我只是想有他们的https的形式而已。
如何构建一个高效的 golang web 开发环境,golang go run watch



快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 游奇乐农庄 飞走的耳朵 小学五年级作文800字:我最难忘的一段经历 礼单上没有杨士奇 一段故事的背后 十佳教师先进事迹材料 廊桥遗梦台词 学习党内两项法规心得体会 《永远在路上》观后感:全面从严治党永远在路上 初中关于童趣的作文600字精选 为什么要读书作文100字 逗号作文600字 哪些书值得反复去读 打工人的爱情 新郎发言稿范文 《我的梦中国梦》主题班会教案 月明人稀 光韵 有趣的探险 烟花落,落倾城 《最熟悉却又陌生的陌生人》 那一世,遇见你我的夏伤 明月,皓月,皎月 没有谁可以替代谁 蹉跎·洒脱·折磨作文200字 最幽默的表白 一颗流星划过天际 2015社会调查报告范文 一件毛衣作文800字 2015年度8月思想汇报范文 PK《剪刀石头布》 教同沟 富家子弟吃饺子 帮助小鸭子350字 刘新才:把小罐头做成“中国食品名片” 小学五年级作文650字:毅力——《钢铁是怎样炼成的》读后感 “我爱读书”主题班会2 《我和我的祖国》歌曲串词朗诵词:《我和我的祖国》歌词 棱角550字作文 五年级军训作文600字 读《做一个有道德的人》有感作文800字 自我鉴定的写法 卫生部委员个人年度述职报告 怎样修改学生的作文 静静地想 朱 和谐教育思想的发展及其现实意义 郭德纲王自健对骂 爱,非要我亲口说出来吗 我会变150字 2016祝公司发展的祝福语 你的快乐 与我无关

Copyright © 2016 phpStudy |