浮法权不是在谷歌浏览器的工作

我试图将导航键的标志，但谷歌浏览器30的右侧不接受我的代码，在这里，我上传了我的代码工作完美的FF 25.0和IE 9 用于测试目的这里的文件contact us 请检查Chrome和FF和IE，然后您可以看到问题。这里是我的HTML代码浮法权不是在谷歌浏览器的工作

<body> 
<div class="container"> 
<!-- Top Navigation --> 
    <div class="codrops-top clearfix"> 
    <span class="right"><a class="codrops-icon codrops-icon-drop" href="#"><span>Back to the Codrops Article</span></a></span> 
    </div> 
    <header> 
    <img src="images/demo4/othermanazeschoollogo.jpg" width="430" height="109" /> 
     <nav class="codrops-demos"> 
    <a href="index.html">Home</a> 
    <a href="http://software.manazeschool.com">Demo</a> 
    <a href="index4.html">Clients</a> 
    <a class="current-demo" href="#">Contact</a> 
     </nav> 
    </header> 
    <form method="post" action="mailsend.php" name="form1"> 
    <table width="57%" border="1" style="text-align:left;">

样式表代码 -

/* Header Style */ 
.main, 
.container > header { 
    margin: 0 auto; 
    padding: 0.5em; 
} 

.container { 
    height: 100%; 
} 

.container > header { 
    background: rgba(0,0,0,0.03); 
} 
/* Demo Buttons Style */ 
.codrops-demos { 
    float:right; 
    padding-top: 1em; 
    font-size: 0.9em; 
    position:relative; 
} 

.codrops-demos a { 

    margin: 0.2em; 
    padding: 0.45em 1em; 
    background: #555; 
    color: #fff; 
    font-weight: 700; 
    border-radius: 2px; 
} 

.codrops-demos a:hover, 
.codrops-demos a.current-demo, 
.codrops-demos a.current-demo:hover { 
    opacity: 0.6; 
} 

.codrops-nav { 
    text-align: center; 
} 

.codrops-nav a { 
    display: inline-block; 
    margin: 20px auto; 
    padding: 0.3em; 
}

提前感谢名单

来源

2013-11-09 user2747954

@Adam遗憾地说，但它是OT DOCTYPE的问题，我由于2-小时试图后解决了这个问题。 – user2747954

我添加这些2

header {overflow: hidden;} 

header img {float: left;}

而且每一件事情在所有的浏览器工作正常。

任何方式谢谢你考虑我的问题。

来源

2013-11-09 22:40:03 user2747954

浮法权不是在谷歌浏览器的工作

回答

相关问题