0

まだCSSを学んでいるので、これが明らかな場合はご容赦ください-

4 つのセクションを含むヘッダーを作成しています。 

|Header-------------------------------|  
|----Title----|----NavigationLinks----|  
|----Taglines-|----SelectionBar-------|
|-------------------------------------|

私が望むのは、タグライン セクションで最初の列の幅を自動的に設定し (コンテンツはタイトルよりも長い)、2 番目の列はヘッダー セクションの最後まで拡張することです。特定の幅を設定せずに列を互いに一致させる方法がわかりません - 固定幅領域なしでこれを行うことは可能ですか?

display: table-cell; を使用して、必要なものに近づくことができました。しかし、2行目を最初の行に「接続」する方法がわかりません。

更新: タグが見つからないため、div が display: table* 設定を無視しました。display: table/table-row/table-cell を使用してテーブル レイアウトを作成すると、必要なことが行われます。table-cell は、その上の行の幅に影響を与える列を自動的に引き伸ばします。

4

2 に答える 2

0

古いテーブルを使用する代わりに、流動的なレイアウトにするために、幅をパーセントで表記することを検討します。

http://jsfiddle.net/kJRQE/

于 2012-04-05T20:31:24.753 に答える
0

これがあなたが探しているもののようなものかどうかはわかりません。質問が少しわかりにくかったです。

http://jsfiddle.net/KacPY/1/

于 2012-04-04T20:57:14.820 に答える