2017-04-12 77 views
0

Weird white bar at the top of my page, please help!白条在我的页面的顶部

我不能完全肯定,如果在左边这个白条的“>”符号在我的CSS,或者如果它与我的背景照片做做我的头顶部边缘。请让我知道你们的想法。

#header { 
 
\t background:url('../img/stars-bg.jpg') center center no-repeat; 
 
\t background-size:cover; 
 
\t height:100%; 
 
\t color:#fff; 
 
\t display:flex; 
 
\t align-items:center; 
 
}
<section id="header"> \t 
 
    \t \t <div class="container"> 
 
    \t \t <div class="row"> 
 
    \t \t \t <div class="col-md-6 wow fadeIn" data-wow-delay=".8s" data-wow-duration="2s"> 
 
    \t \t \t \t <img src="img/logo.png" class="img-fluid" alt="logo"/> 
 
    \t \t \t \t <h2>THINGS WORK BETTER IN SPACE</h2> 
 
    \t \t \t \t <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elitproident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> 
 
    \t \t \t \t <p class="hidden-sm-down">proident, sunt in culpa qui officia deserunt mollit anim id est laborum.proident, sunt in culpa qui officia deserunt mollit anim id est laborumproident, sunt in culpa qui officia deserunt mollit anim id est laborum</p> 
 
    \t \t \t </div> 
 

 
    \t \t \t <div class="col-md-6 header-right hidden-sm-down wow fadeIn" data-wow-delay="1.3s" data-wow-duration="2s"> 
 
    \t \t \t \t <p>qui officia d 
 
    \t \t \t \t eserunt mollit anim id est laborum. qui officia deserunt mollit anim id est laborum.proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p> 
 
    \t \t \t \t <form> 
 
    \t \t \t \t \t <fieldset class="form-group"> 
 
    \t \t \t \t \t \t <label class="sr-only">Name</label> 
 
    \t \t \t \t \t \t <input type="text" class="form-control" name="#" placeholder="Your name..."> 
 
    \t \t \t \t \t </fieldset> 
 
    \t \t \t \t \t  <fieldset class="form-group"> 
 
    \t \t \t \t \t \t <label class="sr-only">Email</label> 
 
    \t \t \t \t \t \t <input type="text" class="form-control" name="#" placeholder="Your email..."> 
 
    \t \t \t \t \t </fieldset> 
 
    \t \t \t \t \t <button type="submit" class="btn btn-outline-info btn-block">sign up</button> 
 
    \t \t \t \t </form> 
 
    \t \t \t </div> 
 

 
    \t \t </div> 
 

 
    \t \t <div class="row wow swing" data-wow-delay="2s"> 
 
    \t \t \t 
 
    \t \t <div class="col-md-12 text-xs-center"> 
 
    \t \t \t <a href="#social"><i class="fa fa-chevron-down fa-3x" aria-hidden="true"></i></a> 
 
    \t \t </div> 
 

 
    \t \t </div> 
 
    \t \t </div> 
 
    \t  </section>

+0

鉴于它是一个>,我会猜测你有一个格式不正确的标签。你是否已经通过HTML验证程序来运行它? – Carcigenicate

+0

这很可能是代码中某处的'>'符号,你介意发布所有的html吗? – scarsam

+0

是的,我认为它必须是我的代码中的一个闭括号,问题是由于某种原因它没有出现在验证器中,我认为它在本体的标题部分。阅读你的回应后,我发现了一个链接标签,在它的最后有两个“>>”。非常感谢你们! –

回答

0

你可能在你的代码中的问题与打开/关闭标签。我没有看到你发布的问题,所以我假设你没有发布。在将来,你可以验证你的代码here

+1

尽管这也是我的怀疑,但在OP给出更多信息之前,这个答案应该是真正的评论。 – Carcigenicate

+0

是的,我认为它必须是我的代码中的一个左括号,问题在于它没有出现在验证器中,出于某种原因,我认为它是在本体的标题部分的某处。阅读你的回应后,我发现了一个链接标签,在它的最后有两个“>>”。非常感谢你们! –

+0

@CiprianMicula @CiprianMicula如果这个答案对你有帮助,请将它标记为正确答案:) –