0

私は MVC アプリケーションに取り組んでおり、パーシャルの 1 つに関して HTML/CSS レイアウトに問題があります。

アプリケーションのシェルには、コンテンツが最も多い列の高さになるように拡張される 2 つの列が含まれています。左の列には、アプリのナビゲーションが含まれています。右側の列はコンテンツ領域です。

この部分を適切に機能させることができました。

私が問題を抱えているのは、一部のページの内部で、コンテンツ領域 (右の列) を 2 つの列に分割する必要があることです。コンテンツ領域の高さを決定するには、これらの列の両方が必要です。これにより、メイン ナビゲーションの高さが決定されます。

どんな入力も信じられないほど役に立ちます! ありがとう！

ここに画像の説明を入力

編集私はそれを機能させましたが、ソリューションに完全に満足しているわけではありません. 空白を読み取るインラインブロックを使用する必要があります。その結果、コメントを 2 行にまたがる戦略を使用しましたが、後でプロジェクトを編集/クリーンアップするときに、これが誰かによって削除されるのではないかと心配しています。

http://jsfiddle.net/StSmith/RzKJX/

.
4

1 に答える 1

1

単純に列を追加すると、自動的にスペースがいっぱいになり、「コンテンツ」の高さが決まると思います。

ただし、列をフローティングしている場合、含まれている要素は高さを取得しません。この場合、列の下にクリアされた要素を追加するか、「clearfix」を追加する必要があります。

于 2013-09-12T16:28:52.857 に答える