P标签在浮动的div中浮动

Question

<div class="dates-container">

</div>
<div class="info">
   <h1>Header</h1>                             
   <p class="long">Boktjänst arrangerar tillsammans med förlagen läromedelsutställningar på olika platser i Sverige.</p>                        
   <a href="#" class="icon_window">Läs mer på Boktjänst.se</a>
</div>

CSS:
.dates-container,.info {
float:left;
}

.dates-container {
width:30px;
}

好的，问题是P比容器（具有灵活宽度的父容器）长，并在.info块中打破浮动。和.info块在.dates-container下。如何不允许P breakes浮动？示例 - http://jsfiddle.net/rgcsC/

确定。我发现只有一种溶剂。设置为％。的div.info宽度。

Answer 1

您的p标签将扩展为可用的全宽。尝试在p标签上设置宽度，或向左浮动。