Div不會推下一個div div內容

我試圖在div內動態加載內容並將下面的div下推而不重疊。現在這是my code。正如你所看到的按鈕開始重疊，並沒有推下一個股票。如果我設置了Div不會推下一個div div內容

.container{ 
height:100%; 
width:100%; 
}

它似乎按我想要的方式工作，但我無法使其工作在固定高度。

來源

2014-02-11 Joe Komputer

只是你應該知道的東西。當你設置一個元素爲「float」時，它被設置爲「display：block」。設置「display：inline-block」將不起作用。你可能需要在這裏明確的解決。 – crush

你在這個html中使用了很多浮動對象。嘗試實現這個沒有使用浮動，它會拋棄顯示：內嵌塊喜歡暗戀說，但也可以使項目重疊。 – steinmas

儘管我喜歡'inline-block'，它確實缺少瀏覽器支持[（請參閱支持）]（http://caniuse.com/inline-block）。你不在乎，那就去吧。否則，您應該繼續使用'float'，但也要在浮動元素的結束標記之後清除它們。您可以使用簡單的'clear：both'，'clear：left'或'clear：right'，或者您可以使用更廣泛支持的[clearfix解決方案]（http://nicolas.google.com/micro-clearfix-hack/）。 –

我通過去除不必要的浮點值以及使用

.case-category{ 
display:inline-table; 
}

代替使用display:block或display:inline-block固定我的問題。

來源

2014-02-11 23:00:38

Div不會推下一個div div內容

回答

相關問題