html - 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 中断浮动？示例 - http://jsfiddle.net/rgcsC/

好的。我只找到了一种解决方案。设置为以 % 为单位的 div.info 宽度。

Answer 1

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