CSS在左側，右側和中間有元素

我試圖對齊元素，使它們左，右和居中，但是每個元素下面都有一個間隙（請參閱：http://seananderson.co.uk/），我希望它們位於旁邊這邊是我的CSS：CSS在左側，右側和中間有元素

#introduction { 
    margin-left: 0%; 
    margin-right: auto; 
    width: 33%; 
    float:left; 
} 
#ibiza { 
    margin-top: 0%; 
    margin-left: 33%; 
    margin-right: 33%; 
    width: 33%; 
} 
#social { 
    margin-top: 0%; 
    margin-left: auto; 
    margin-right: 0%; 
    width: 33%; 
}

來源

2015-06-11 user228908

問題尋求幫助調試（「爲什麼不是這個代碼的工作？」）必須包括所期望的行爲，一個特定的問題或錯誤的和必要的重現它最短的代碼**在問題本身* *。請參閱[**如何創建最小，完整和可驗證示例**]（http://stackoverflow.com/help/mcve） –

'float'，'float''em all！（and _'clear'_ '＃twitter'） – potashin

你應該仔細研究['float']（https://developer.mozilla.org/en-US/docs/Web/CSS/float），['display']（https： //developer.mozilla.org/en-US/docs/Web/CSS/display）和[封鎖格式化上下文]（https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/ Block_formatting_context）一起工作。 – Oka

改變你的ibiza風格爲這一個。

#ibiza { float: left; margin-top: 0; width: 33% }

來源

2015-06-11 11:59:57 rashidkhan

所有的樣式都需要調整，但是這個小樣式改爲#ibiza可以解決您的問題 – rashidkhan

@ user228908接受這個答案，我可以看到，您已經在您的網站中使用過它併爲您提供了幫助。謝謝。 – rashidkhan

CSS在左側，右側和中間有元素

回答

相關問題