0

そのため、デフォルトでは、ウィンドウのサイズが変更された場合、絶対位置の div はビューから外れますが、div の左側のみです。右に同じ効果を達成することは可能ですか？

私が意味することはここにあります：http: //diabetes.connectionsquad.com

ブラウザー ウィンドウのサイズを 1010px 未満に変更すると、ナビゲーション バーの左側が消えますが、右にスクロールすると、ナビゲーション バーの右側はそのまま残ります。

基本的に、1000px に設定されたコンテンツ div があります。私のナビゲーションバーは 1050 で、絶対位置でそのコンテンツ div の中央に配置されているため、両側でコンテンツ div 25px にかかっています。ブラウザのサイズが 1050px を下回ると、その 25px の領域が折りたたまれて見えなくなります。デフォルトでは、ブラウザーはこれを左側で行いますが、右側では行いません。

左をクリアできるのと同じ方法で、右もクリアできますか? 調べてみたのですが、検索ワードが偏っていて、ジャンクがたくさん出てきました。

4

3 に答える 3

0

あなたのレイアウトは絶対的な配置を必要とせず、それはあなたにモンスターの頭痛の種を与えるでしょう。

中央で固定幅のdivを使用するのではなく、柔軟な外側マージンまたは外側パディングを行うことができます。

/*Mobile*/
.outermargin {padding:0% 0% }

    /*Screen*/
    @media only screen
    and (min-width : 700px) {
        .outermargin { padding: 0% 7%; }
    }
    @media only screen
    and (min-width : 1400px) {
        .outermargin { padding: 0% 20%; }
    }

必要に応じてマージンまたはパディングを使用してください...このCSS構造は、慣れればより流動的で簡単になる1つの方法です。

または、次のようなものを使用してすべてを中央に配置することもできます。

    #mycontainer { 
       margin: 0 auto; max-width:30em; }
于 2013-01-26T17:27:04.613 に答える
0

Chromeで問題が発生しません。ただし、topまたはleftを設定していない場合は、左上のデフォルトが0,0であるため、相対的な親の左上隅にアタッチされます。右上に付けたい場合はあげてください

right: 0;
top: 0; /* Don't need this, it's the default;
于 2013-01-26T16:52:59.580 に答える
0

「見えない」とは、設定されたコンテンツの幅から外れているという意味です。

ネガティブポジショニングを見てください。左:-20px; 右:-20px 

 <style type="text/css">
   div { position:absolute; left:-20px; right:-20px }
 </style>

希望が助け、

ロブ

于 2013-01-26T17:03:53.487 に答える