在my site，靠近底部有一個「免費獲得」一節。理想情況下，我想在左側有自由圖像，中間有註冊表單，右側有成功圖像。 3個元素的寬度在960像素的容器中總共爲840像素，所以我不認爲這是個問題。對於這一點，我使用：在垂直線浮動的div還在，不是水平的，他們應該是

 .signup { 
    border-top: 1px solid #333333; 
    float:left; 
    padding-bottom: 40px; 
    padding-top: 40px; 
    overflow: auto; 
    width: 280px; 
} 

.signup p { 
    padding-bottom: 20px; 
} 

.signup p span { 
    font-family: nevis-webfont; 
    font-size: 112.5%; 
    font-weight: normal; 
    letter-spacing: 1px; 
    text-transform: uppercase; 
} 

.signup #mc-embedded-subscribe { 
    background: #0fddaf; 
} 

.signup .freedom { 
    float: left; 
    width: 280px; 
} 

.signup .success { 
    float: right; 
    width: 280px; 
} 

.clear { 
    clear:both; 
}

And the HTML.

正如你所看到的，有什麼不工作很正確，我一直在尋找了這麼久我怕我錯過簡單的事情。任何想法可能是什麼問題？

來源

2012-11-06 AMC

快速和髒：

採取寬度從.signup，浮.form左邊，並給它寬280px;
或採取從.signup寬度，並給予.form一個額外的類.freedom。（<div class=' freedom form'> - 相當叛逆，EH）

噹噹！

諮詢

瞭解CSS你使用它之前，它會節省您的時間和頭痛的未來;
???
利潤。

來源

2012-11-06 15:44:26 ANeves

給一個寬度你是浮動的元素，那麼它應該表現預見的。

來源

2012-11-06 14:18:50 daveyfaherty

我已經給每個股利'280px'，沒有運氣的寬度。任何其他想法？ – AMC

我沒有看過容器元素，但你不會想要一個寬度。 –

浮動.freedom，.form和.success全部離開。然後，從.signup中刪除寬度。

來源

2012-11-06 14:35:33

仍然沒有變化：/ – AMC

在當地工作。 –

看到，因爲你已經得到了各部門的絕對大小，你應該能夠得到你想要的東西浮他們都向左側，並給他們你想要得到他們，你希望他們大小是。

您還需要將overflow:auto添加到.signup container div，以便您的浮動內容保留在其中。

來源

2012-11-06 14:39:31

所有區域大小適當，並向左漂浮。沒有發現變化。 – AMC

佈局應該最終看起來像[這JSFiddle]（http://jsfiddle.net/V7A4d） - 你有填充或邊距，使div更大，並阻止他們在容器並排安裝？ –

無邊距或填充，我的代碼完全如上所列。 – AMC

你想要在左邊的自由形象，在中間註冊和成功的形象在右邊。 Sαδ+ 爲了得到這個首先浮動的自由形象，並在左側通過明顯的寬度唱歌。然後將成功圖像浮動到右側。

在上面的css中請刪除clear：both;並且通過使用另一個類似的div div.clear {明確：既}清除在所有浮結束時，所有浮

來源

2012-11-06 15:32:56 surendra

你在說什麼是有道理的。但是，在對代碼進行編輯之後，我注意到網站上沒有任何更改。想法？（我改變了原始問題中的代碼以反映您的編輯。） – AMC

在垂直線浮動的div還在，不是水平的，他們應該是

回答

諮詢

相關問題