サイトのナビゲーション オプションを備えたサイドバーのある Web ページがあります。サイドバーの幅は 6em (右: 0px、高さ: 100%、位置: 固定) です。
残りのコンテンツで、ページの残りのほとんどを利用したい (全幅の 100% から 7em を差し引いたもの)。
現在、メイン コンテンツでパーセントを使用しています。よりスマートな/より良い方法はありますか?
ありがとう
3 に答える
1
もちろん、残りのページの幅は 100% のままにして追加します
パディング左: 7em;
(残りのページは、含まれている div 内に配置する必要があります)
于 2013-02-13T15:09:44.753 に答える
1
HTML を見ずに言うのは難しいですが、コンテンツ div を 100% 幅に設定し、サイドバーに合わせて 7em の右パディングを追加するだけです。コンテンツ div 内で行うことは、ユーザーの裁量に任されています。
于 2013-02-13T15:10:15.033 に答える
0
メイン コンテンツが の場合、display: blockデフォルトで使用可能な領域全体が使用されます。100%widthに指定する必要はありません。オーバーラップがないことを確認するには、6em(またはナビゲーション バーの幅が何であれ) の右マージンを指定します。内部要素のスタイルによっては、問題が発生する可能性がありますが、その可能性は低いです。
右に浮いていても、「コンテンツ」がどのように見えるかに注目してください。#contentdiv が に設定されている場合width: 100%、その余白がページの幅を超えて広がり、「コンテンツ」が見えなくなります。
于 2013-02-13T15:13:26.823 に答える