navBAR旁邊的文字卡住

我試圖查看navBAR下的文本，但它僅顯示在導航欄按鈕旁邊。我已經在CSS中嘗試了一些保證金屬性，但似乎沒有任何工作。navBAR旁邊的文字卡住

在此先感謝！

<html> 
<title>title</title> 

<head> 
    <img src="img/logo.png"> 
    <meta charset="uft-8"> 
    <link rel="stylesheet" href="css/style.css"> 
<style> 
    .narBAR{margin:0 auto; width:1080px;} 
    .navBAR ul {padding:0px;} 
    .navBAR ul li {float:left;} 
</style> 
</head> 

<body> 
    <body background="untitled.png"> 
    <div class="navBAR"> 
    <ul>          
    <li><a href='file:///C:/Users/Amroo/Desktop/new%201.html#'><img src="img/home.png"></a></li> 

    <ul> 
    <li><a href='file:///C:/Users/Amroo/Desktop/libarary%20one.html'><img src="img/ourbooks.png"></a></li> 
    <li><a href='#'><img src="img/books.png"></a></li> 
    </ul> 
    <li><a href='#'><img src="img/login.png"></a></li> 
    <li><a href='#'><img src="img/contact.png"></a></li> 
    </ul> 
    </div> 
    <div class="search"> 
    <form action="file:///C:/Users/Amroo/Desktop/new%201.html/search.php"> 
    <input type="text" name="search" placeholder="Search......"/>           
    <input type="submit" value="Search"/>         
    </form> 
    </div> 


    <h1>text</h1> 

    <img src="blog/img/mars.jpeg"> 

    <h3>text</h3>  
    </body>

來源

2016-09-14 ZyadS29

你的CSS有一個錯誤的類.narBAR：

.narBAR{margin:0 auto; width:1080px;}

還有一些代碼中的錯誤。您的<head>中不能有<img>，因此請將此<img src="img/logo.png">放入您的<body>。

並使用css背景而不是<body background="untitled.png">。
例如：

body{ 
    background-image: url(untitled.png); 
}

雖然你的代碼應該可以正常工作，你可以得到說明問題，由於圖像，以便設置overflow: hidden爲.navBAR

像這樣的事情https://jsfiddle.net/kdmvxrmx/

來源

2016-09-14 09:36:00 jakob

navBAR旁邊的文字卡住

回答

相關問題