论坛

标题: 求帮忙找错误 [打印本页]
作者: 小怪兽的故事会    时间: 2017-12-4 11:13
标题: 求帮忙找错误
哪里错了啊  找不到问题 求帮助  正确的是几个全部排在一排
作者: lori棒棒糖    时间: 2017-12-4 17:14
亲~你把所有的代码全部复制粘贴上来看下~
作者: 小怪兽的故事会    时间: 2017-12-5 19:25
lori棒棒糖 发表于 2017-12-4 17:14
亲~你把所有的代码全部复制粘贴上来看下~

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>吉利汽车首页</title>

<link rel="stylesheet"  type="text/css" href="css/webstyle.css"/>
</head>

<body>
<div class="header">
        <div class="logo"><a href="#"><img src="images/LOGO.png"</a></div>
    <div class="nav">
            <ul>
                <li><a href="#">官方商城</a></li>
            <li><a href="#">车友社区</a></li>
            <li><a href="#">预约考试</a></li>
            <li><a href="#">经销商查询</a></li>
        
        
        </ul>
   
   
   
    </div>
    <div class="search">
            <form>
                <input type="text" name="keyword" class="keyword" placeholder="请输入关键词">
            <input type="submit" class="btn" value="">
        
        
        </form>
   
   
    </div>
        <div class="language">
            <a href="#">ENGLISH</a>|<span>中文</span>
   
   
    </div>



</div>
<div class="banner">
        <ul>
            <li class="active"><a href="#"><img src="images/banner1.jpg"</a></li>
        <li><a href="#"><img src="images/banner2.jpg"</a></li>
        <li><a href="#"><img src="images/banner3.jpg"</a></li>
    </ul>
   
   
        <ol>
            <li></li>
        <li></li>
        <li></li>
   
    </ol>
    <div class="btn btn_l">&lt;</div>
    <div class="btn btn_r">&gt;</div>


</div>
<div class="linknav">
        <ul class="linknav_con">
            <li>       
                <a href="#">
                        <i></i>
                <span>吉利世界</span>
                </a>
        </li>
        
        <li>       
                <a href="#">
                        <i></i>
                <span>吉利世界</span>
                </a>
        </li>
        
        <li>       
                <a href="#">
                        <i></i>
                <span>吉利世界</span>
                </a>
        </li>
        <li>       
                <a href="#">
                        <i></i>
                <span>吉利世界</span>
                </a>
        </li>
        <li>       
                <a href="#">
                        <i></i>
                <span>吉利世界</span>
                </a>
        </li>
        <li>       
                <a href="#">
                        <i></i>
                <span>吉利世界</span>
                </a>
        </li>
        <li>       
                <a href="#">
                        <i></i>
                <span>吉利世界</span>
                </a>
        </li>
        <li>       
                <a href="#">
                        <i></i>
                <span>吉利世界</span>
                </a>
        </li>
        <li>       
                <a href="#">
                        <i></i>
                <span>吉利世界</span>
                </a>
        </li>
        <li>       
                <a href="#">
                        <i></i>
                <span>吉利世界</span>
                </a>
        </li>
   
   
    </ul>


</div>
<div class="pro"></div>
<div class="ad"></div>
<div class="news"></div>
<div class="footer"></div>


</body>
</html>




@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0}
body{ font-family:"微软雅黑"}
ul,ol{ list-style:none;}
a{ text-decoration:none}
input{  outline:none}

/* 头部区域*/
.header{ height:90px; width:1200px;margin:0 auto}
.header .logo{ float:left; margin-top:22px; margin-right:25px}
.header .nav{ float:left;}
.header .nav li{ float:left;margin:30px 30px;}
.header .nav li a{  display:block; font-size:18px ; color:#818181; line-height:2em}
.header .nav li a:hover{ color:#0068af}

.header .search{ float:left;width:208px;height:42px; border:1px solid #979797; margin-top:23px; margin-left: 10px;}
.header .search input{ display:block; float:left;}
.search .keyword{ width:142px; height:36px; padding:0 10px; border:none; border-right: 1px #979797 solid; margin-top:3px; font-size:16px}
.search .btn{ width:36px; height:36px; border:none; background:url(../images/search.png) no-repeat center; margin:3px; cursor:pointer}
.header .language{ float:right; font-size:14px; margin-top:36px;color:#0067b2}
.header .language a{ color:#333; padding:0 10px}
.header .language span{ padding:10px;}
.header .language a:hover{ text-decoration:underline}


/*海报区域*/
.banner{ height:580px; width:100%;position:relative; overflow:hidden;}
.banner ul li{position:absolute;top:50%; margin-top:-325px;left:50%;margin-left:-720px; display:none}
.banner ul li.active{ display:block}

.banner ol{position:absolute;bottom:20px;width:100%;text-align:center}
.banner ol li{ width:8px; height:8px; background:rgba(255,255,255,0.5); display:inline-block; margin:0 5px; transform:rotate(45deg)}
.banner ol li:hover{ background:rgba(255,255,255,1)}
.banner .btn{ width:100px; height:140px; background:rgba(0,0,0,0.5);position:absolute;top:50%; margin-top:-70px;font-size:100px; color:#fff; text-align:center;line-height:140px; font-family:宋体; cursor:pointer}
.banner .btn_l{ left:0}
.banner .btn_r{ right:0}

/*页面的导航*/
.linknav{ height:120px; width:100%; background:#818181}
.linknav_con{ width:1200px; height:120px; border:1px red solid; margin:0 auto; overflow:}
.linknav li{ float:left; background:green; margin-top:10px ;text-align:center}
.linknav li a{ width:120px; height:100px; display:block }
.linknav li i{ display:block; width:60px; height:60px; border:red 1px solid; margin:0 auto}
.linknav li span{ color:#fff; font-size:14px; padding-top:10px; display:block}



.footer{ height:1000px}
作者: yuanxi52028    时间: 2017-12-6 17:17
本帖最后由 yuanxi52028 于 2017-12-6 17:22 编辑

上面的banner图片标签没有结尾导致的a标签也没有结尾，页面会自动依次配对，所以导致下面第一个li里面的a标签自动配成两个。
[attach]115400[/attach]

[attach]115401[/attach]
有时候某个地方出的问题，并不一定就是那个地方的问题，可能是其它地方影响的，那怕只是一个符号。所以写代码是要很细心的。


作者: 小怪兽的故事会    时间: 2017-12-6 19:17
yuanxi52028 发表于 2017-12-6 17:17
上面的banner图片标签没有结尾导致的a标签也没有结尾，页面会自动依次配对，所以导致下面第一个li里面的a标 ...

原来如此，明白了， 谢谢你！



欢迎光临 论坛 (http://bbs.qinxue.com/) Powered by Discuz! X3.1