容器不流动的内容

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; 
}