1

JSFiddle は次のとおりです。

http://jsfiddle.net/cKuUy/2/


これが私が目指しているもののスクリーンショットです:

ここに画像の説明を入力

そして、私がブラウザで得ているもの:

ここに画像の説明を入力

主な違いは、実際の実装では、バーが含まれる div 要素の使用可能な幅を埋めないことです。配置すると: width:100%、バーはコンテナーの幅に拡張されますが、テキストの下に下がります。両方の要素が左に浮かんでいるにもかかわらず。

助言がありますか?

4

1 に答える 1

1

このソリューションが役立つはずです: https://stackoverflow.com/a/1767270/1472586

基本的にバーから削除float: leftして追加します。それに応じて余白を調整する必要がある場合もあります (たとえば、見出しの右側のパディングがうまく機能する場合があります)。widthoverflow: hidden

于 2012-07-16T18:12:54.460 に答える