浮動下一個div圍繞

-1

我遇到了這種風格的問題，內容主體環繞菜單欄，我嘗試刪除浮動但沒有任何反應。浮動下一個div圍繞

.menu { 
    float: left; 
    padding: 0; 
    width: 100%; 
    margin: 0 0 1em 0; 
} 
.menu ul { 
    width: 1100px; 
    margin: 0 auto; 
    padding: 0; 
    list-style: none; 
} 
.menu li { 
    float: left; 
} 
.menu li a { 
    font-size: 14px; 
    font-weight: bold; 
    text-transform: uppercase; 
    color: #FFFFFF; 
    padding: 2px 10px; 
    text-decoration: none; 
} 
.menu a:hover { 
    color: #FFFFFF; 
    border-radius: 5px; 
    border-style: solid; 
    border-color: #666666; 
    border-left: 1px; 
    border-right: 1px; 
    box-shadow: #333 3px 3px 4px; 
} 
.content { 
    width: 1100px; 
    margin: 0 auto; 
}

內容寫下一個最後一個鏈接。

來源

2013-02-26 Jcduran

你能不能也請給我們你的HTML代碼與CSS？最好的情況是如果你可以提供一個JSFiddle。 – pentzzsolt 2013-02-26 21:21:31

是的，一些HTML會很好。我們不能假設您的頁面佈局如何，並嘗試拋出可能或可能不起作用的隨機解決方案，因爲我們無法看到頁面上發生了什麼。 – Epik 2013-02-26 22:37:27

您的CSS中沒有任何clear。確保浮動div之後的第一個元素被清除。

來源

2013-02-26 22:03:23

只是這些元素的CSS具有不同的默認值。重新設置這些，並且在顯示中沒有更多差異。然而，在_semantics_中有所不同。 – 2013-03-17 22:25:00

浮動下一個div圍繞

回答

相關問題