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

OK、問題は、P がコンテナー (柔軟な幅を持つ親コンテナー) よりも長く、.info ブロックで float を壊すことです。および .info ブロックは .dates-container の下になりました。Pブレークフロートを許可しない方法は? 例 - http://jsfiddle.net/rgcsC/

わかった。解決策は1つしか見つかりませんでした。% で div.info 幅に設定します。

4

1 に答える 1

0

pタグは、使用可能な全幅に拡張されます。pタグに幅を設定するか、左に浮かせてみてください。

于 2012-10-02T18:18:16.657 に答える