2

私が抱えている問題は、1 つの要素を左に固定幅でフロートさせ、その隣の要素で残りの幅を埋める必要があることです。

私が知っている唯一の解決策は、最初の要素をフロートすることです。その後、その隣の要素が残りの幅を自動的に埋めます。私が抱えている問題は次のとおりです。

http://codepen.io/anon/pen/udBsx

緑の含有量が赤よりも高い場合、赤より下にジャンプします。これを防ぐ方法はありますか？いじってみましたがclear、それを防ぐためにできることは何もないと思います。

さらに悪いことに、サイトはレスポンシブです。そうでない場合は、緑の要素に静的な幅を与えてフロートすることもできますが、そうではありません。赤い要素の幅が静的であるため、パーセンテージは使用できません。

flexbox には私が探しているものが含まれていると思いますが、残念ながらサポートが不足しているため、現時点ではオプションではありません。

アイデア？

4

1 に答える 1

3

編集：

css コードは次のようになります。

.floated {
  width:200px; float:left; 
}

.fill {
  margin-left:200px;
}
于 2013-03-07T13:19:59.483 に答える