0

http://telschowdesign.com/_JCM/ - モックアップ
http://telschowdesign.com/_JCM/index2.html - 失敗

モックアップに示されているように、高さを調整したい 2 つのサイド パネルがあります。なんらかの理由で、現在の CSS を使用してそれを行うことはできません。使用してみましたが、うまくいきませheight=100%ん。700px などの静的な測定値は使用したくない

代わりにテーブルを使用してこれを実行できることはわかっていますが、CSS のモバイル バージョンに同じコンテンツを使用できるようにしたいと考えています。

4

4 に答える 4

1

height:100%あなたが思っていることを意味するものではありません。これは、このスタイルを設定した要素を意味し、子の高さの 100% ではなく、それを含む要素の高さの 100% を占めます。

実現したいのは、非常に典型的な 3 列のレイアウトです。これを行う方法の例へのリンクは次のとおりです。

http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm

于 2013-04-08T08:30:32.080 に答える
0

div の高さはコンテンツの高さです。

div で line-height css プロパティを使用してみることができます。

line-height: normal; 
line-height: 3.5;    /* <number> values */
line-height: 3em;    /* <length> values */
line-height: 34%;    /* <percentage values */
line-height: 50px;   /* <Pixel> values */

line-height: inherit

お役に立てれば..

于 2013-04-08T08:29:18.510 に答える
0

#container idの css を置き換えます。

width: 1000px;
margin: 0 auto;

その後、コンテンツが中央に配置されます;)、必要に応じて、960grid.css などの CSS フレームワークを使用することもできます。デスクトップ画面 + モバイル + iPad と互換性があり、生産性と適応性が向上します;)

次に、 node で js エラーが発生します。

<body onload="javascript:panels()">

panel() 関数は存在しません... ;)

于 2013-04-08T08:29:19.227 に答える
0

サイト マスターと次の css で Divs と % を使用できます。

ナビゲーションバー

{ float: 右; 高さ:40px; }

メインコンテンツ

{ float: 左; 幅: 60%; }

HTMLは次のようになります...

div id="ナビゲーションバー" div id="メインコンテンツ"

これらは 1 つの大きな Div 内に含めることができます。それが役に立てば幸い

于 2013-04-08T08:37:13.057 に答える