求帮忙找错误

登录

哪里错了啊找不到问题求帮助

正确的是几个全部排在一排

lori棒棒糖 · 发表于 2017-12-4 17:14:18

亲~你把所有的代码全部复制粘贴上来看下~

小怪兽的故事会 · 发表于 2017-12-5 19:25:48

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"><</div>
<div class="btn btn_r">></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:26

本帖最后由 yuanxi52028 于 2017-12-6 17:22 编辑

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

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

小怪兽的故事会 · 发表于 2017-12-6 19:17:42

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

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

[提问] 求帮忙找错误

本帖子中包含更多资源

共4个回复最后回复于 2017-12-6 19:17

本帖子中包含更多资源

	B Color Image Link Quote Code Smilies 高级模式您需要登录后才可以回帖登录 \| 立即注册本版积分规则回帖后跳转到最后一页

[提问] 求帮忙找错误

本帖子中包含更多资源

共4个回复 最后回复于 2017-12-6 19:17

本帖子中包含更多资源

共4个回复最后回复于 2017-12-6 19:17