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 交通频道 作文范文 电器广告语大全 揭西三下乡心得体会 心大者快乐 小学六年级作文400字:永久的爱 创卫后的感想作文800字 寒假里的一件事作文100字 烈士陵园扫墓演讲稿四篇 名人读书的故事 企业宣传工作总结范文 小学三年级作文300字:蚂蚁搬食 暑假作文-看《变形金刚2——卷土从来》有感 年度个人工作述职报告 2015年最新八一节座谈会讲话稿三则 都市叶公 乡公路改造立项听证会主持用语 用生气捍卫真善美作文900字 大地树和老鹰 我爱外婆作文100字 厂长工作总结范文 经典情感语录:没有永远的缘份,没有永远的生命! 原来我什么都不想知道 2015教师德育工作计划 船厂实习日记 小学生法制报告会心得体会500字 我当了一回“小偷”400字 台灯引发的爱情 他和她 初三学生入团志愿书800字 遗书(一) 2016年人才发展工作计划3篇 对着弥笑的佛祖流泪 静默怀想 纪念我的童年 小人书里的大世界作文1700字 小学六年级作文500字:“歌迷”爸爸 《新燕子李三》六小龄童,则摇身一变,成为了陈龙和刘峰超的师傅 Friendship作文700字 一支素笔度春秋 高中高三作文1200字:冬(转载) 我爱吃白兰瓜作文 做米线 2015学校工作计划 八月十五作文 宁可做了失败,也别不做后悔 小学二年级作文200字:舅公的夸奖 说说我自己(转载) 记忆中的那碗川味臊子面 读草房子有感 那个笨蛋说:“我的人生有你我很知足” 行走在这场陌路繁华里 难忘舞蹈老师的情谊

Copyright © 2016 phpStudy |