HTML Divs不在兩行

-2

我提到了很多與垂直對齊div有關的問題，並嘗試了各種選項，包括float:left,display:block,clear:both等，但沒有提供所需的解決方案。HTML Divs不在兩行

這裏是完整的代碼http://jsfiddle.net/Lijo/8Db9A/3/。如果我保留百分比爲98％的div，它工作正常。有沒有一種解決方案可以使其工作在80％以上？

注：我在尋找一個不使用clear

enter image description here

CSS

.errorMessageDiv 
    { 
     width: 80%; 
     display: block; 
     float: left; 
     clear: both; 
     color: #56300a; 
     overflow: auto; 
     border: 1px solid #b08b34; 
     padding: 0 0 0 0; 
     margin: 10px 0 10px 10px; 
     font-weight: bold; 
    }

來源

2012-12-17 Lijo

親愛的主席先生，我couln't理解您的問題，您可以請添加一些信息呢？我只是看到了代碼的和平。有什麼問題？ –

http://jsfiddle.net/8Db9A/6/'filterElements {width：90％;}' – Andy

您的預期結果是什麼？把剩下的文本放到下一行？ – ATOzTOA

您的文字試圖與錯誤信息相同，因爲它自然是「內聯」的，並且有適合的空間。我會建議爲表單的容器設置一個寬度，以便不能放入20％的洞中。這迫使到新行：

http://jsfiddle.net/8Db9A/10/

.filterElements { 
    padding: 10px 5px 10px 5px; 
    width: 70%; 
}

來源

2012-12-17 15:42:57 Andy

如果你想在形式的消息格下展現，你將不得不解決方案在.firstElement div上添加clear: left。不上.errorMessageDiv喜歡你的那一刻

來源

2012-12-17 15:28:53 Tarilo

謝謝。但我更喜歡一個不使用'clear' – Lijo

呃的解決方案，清晰是解決方案...如果您想讓自己變得困難，請繼續。但是，我沒有看到明確的問題 – Tarilo

此外，爲什麼要清楚：權利不會對.errorMessageDiv工作？ – Lijo

壽的問題正在做的是有點混亂，我認爲你正在尋找的是這樣的我基本解除

display: block; 
float: left;

http://jsfiddle.net/8Db9A/9/

來源

2012-12-17 15:37:40 MimiEAM

HTML Divs不在兩行

回答

相關問題