Google網站內容佔用了整個窗口

我正在Google網站上爲一個學校項目工作。不過，該網站看起來像 broken site Google網站內容佔用了整個窗口

，而不是 working site

我沒有添加多餘的東西，谷歌的網站增加對我來說。有什麼辦法擺脫它嗎？

.titlebox { 
 
    display: block; 
 
    margin: 10px; 
 
    padding: 50px; 
 
    background-color: yellow; 
 
    border-radius: 10px; 
 
    border: 2px solid black; 
 
    text-align: center; 
 
} 
 
.map { 
 
    margin: 10px; 
 
    display: inline; 
 
    float: left; 
 
    padding: 20px; 
 
    background-color: green; 
 
    border-radius: 10px; 
 
    border: 2px solid black; 
 
} 
 
.content { 
 
    margin: 10px; 
 
    display: inline; 
 
    float: right; 
 
    padding: 20px; 
 
    background-color: orange; 
 
    border-radius: 10px; 
 
    border: 2px solid black; 
 
} 
 
a div { 
 
    color: black; 
 
    text-decoration: none; 
 
    padding: 5px; 
 
    border-radius: 10px; 
 
    border: 2px; 
 
} 
 
a:hover div { 
 
    color: orange; 
 
    text-decoration: none; 
 
    padding: 5px; 
 
    border-radius: 10px; 
 
    border: 2px; 
 
    background-color: blue; 
 
}

<div class="titlebox"> 
 
    <h1>GMO DEBATE</h1> 
 
</div> 
 
<div class="map"> 
 
    <div text-align="center"> 
 
    <h3>pages:</h3> 
 
    </div> 
 
    <ul> 
 
    <li> 
 
     <a href="pro"> 
 
     <div>why GMOs should be labeled</div> 
 
     </a> 
 
    </li> 
 
    <li> 
 
     <a href="con"> 
 
     <div>why GMOs shouldn't be labeled</div> 
 
     </a> 
 
    </li> 
 
    <li> 
 
     <a href="info"> 
 
     <div>background information</div> 
 
     </a> 
 
    </li> 
 
    </ul> 
 
</div> 
 
<div class="content"> 
 
    <h3>Should GMOs be labeled?</h3> 
 
</div>

這是在代碼中，但我不認爲它很重要，因爲多餘的東西在那裏之前，我甚至加任何東西。給元素添加寬度不會有幫助。

來源

2015-04-26 Lucas

我們需要看到你的代碼什麼都網站。請將其添加到您的問題。 – j08691

你有沒有試過將寬度設置爲.map？ – coopersita

添加一個寬度並沒有幫助。我相信我在代碼中做的任何事情都不會有幫助，並且解決方案（如果存在的話）將會是別的東西 – Lucas

至於你說的代碼框中在代碼中，您可以顯示您的內容只在有限的區域中，您將只分配給一些空間75%或頁面顯示區域的70%。

如果您需要完整的網頁上一樣，只要你想找到一個免費主機的網站，如http://www.000webhost.com和託管你的網頁，你可以做你想做

來源

2015-04-26 20:41:58

Google網站內容佔用了整個窗口

回答

相關問題