容器不流動的內容

Question

嗨我正在使用WordPress的，

有我的容器和圖像標題幾個問題。

網站：http://bit.ly/19QzWbS

圖片標題似乎無論什麼我嘗試做的是重疊的。

我已經試過這樣：

.entry-content .wp-caption { 
/* border: 1px solid #E0E0E0; */ 
/* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09);*/ 
-ms-box-sizing: border-box; 
-moz-box-sizing: border-box; 
/* -webkit-box-sizing: border-box;*/ 
box-sizing: border-box; 
/* margin: 5px 0 30px 0;*/ 
max-width: 100%; 
padding: 8px; 
text-align: center; 
} 

但我仍然認爲它的容器。

謝謝。

Answer 1

喜所有問題是從款式float:left

後float: left您必須clear:both

在此

的div

<div class="symple-box blue none " style="text-align:left; width:100%;"> 


</div> 

例如，在添加此

<div class="clear"></div> 

這樣

<div class="symple-box blue none " style="text-align:left; width:100%;"> 
    your code 

    <div class="clear"></div> 
</div> 

，這在CSS

.clear { 
    clear: Both; 
    margin: 0; 
    padding: 0; 
    width: 0; 
    height: 0; 
}