2 つの部分で構成されるナビゲーション バーがあります。実際のリンクがある左側の領域。そして、検索ボックスだった右側の領域が表示されます。
左の領域は流動的ですが、右の領域は幅が固定されています。
私が理解しようとしているのは、左側の領域の完全な幅を使い果たすように、ナビゲーション リンクにパディングを設定する方法です。(ナビゲーションリンクはホバー効果のあるボタンです。幅に関係なく、ナビゲーションバー全体をカバーしたいと思います)
以下の例を参照してください
私がやろうとしていること (バーの幅に基づく流体/パーセンテージベースのパディング)
width 300px
|========================================|========|
|---Link------Link------Link------Link---| Search |
|========================================|========|
width 400px
- padding on Links automatically adjusts to fill the bar
|================================================|========|
|----Link--------Link--------Link--------Link----| Search |
|================================================|========|
これを達成するにはどうすればよいですか?パディングのパーセンテージをいじってみましたが、希望どおりに機能させることができないようです。パディングのパーセンテージは、これを行うための最良の方法でもありますか?