2015-07-12 46 views
-3

試圖設計一個人用Javascript編寫的計算器。試圖讓內容隨着內容而增長,但有趣的事情發生了。爲什麼高度自動工作在這個?

    當你按下「Load」按鈕
  1. 當你按下「Load」按鈕http://i.stack.imgur.com/H6v3Z.png
  2. 再次 http://i.stack.imgur.com/yvvep.png

整個代碼是在一個div,怎麼能高度跳到隨機的地方?

+3

歡迎堆棧溢出!尋求調試幫助的問題(「爲什麼不是這個代碼工作?」)必須包括所需的行爲,特定的問題或錯誤以及在問題本身**中重現**的最短代碼。請參閱[**如何創建一個最小,完整和可驗證的示例**](http://stackoverflow.com/help/mcve) –

+0

單獨的圖像不足以解釋問題 –

+0

我懷疑您是動態顯示並隱藏內容?這改變了你的視圖的整體大小。請張貼一些代碼。 –

回答

0

如果沒有完全理解你在這裏應用你的CSS的方式,或者你將內容添加到你的紅背景div的方式,我似乎無法做很多事情。

,但我要去承擔一些東西,這些假設工作:

  1. 你正確地關閉您的div並附加所需的額外內容股利與紅色背景。
  2. 在點擊後輸出的所需內容是浮動,因此div不一定會響應大小增加,因爲內容是從文檔流中提取出來的。

這種狀況如果只是這麼碰巧遇到了(真的有可能是很多解決方案,這個問題與您所提供的信息有限)。那麼也許clearfix(語義上更改名)類可以解決你的問題:

.group:after { 
    content: ""; 
    display: table; 
    clear: both; 
} 

你可以在這裏找到更多關於它的信息:https://css-tricks.com/snippets/css/clear-fix/