2

ページの中央にパネルを配置したいのですが、ページのサイズをパネルの幅よりも小さくするときに、パネルを x-pos 0 に配置したいと考えています。パネルの幅よりも小さくサイズ変更しても、パネルが画面の左側からはみ出すことはありません。

たとえば、次のコードはパネルを中央にうまく配置しますが、ブラウザのサイズをパネルの幅よりも小さくすると、ブラウザの左側から押し出されます。

その場合、パネルを 0px 左の位置に強制的に留まらせる方法はありますか?

<div style="position:fixed; width:800px; top:0px; left:50%; margin-left:-400px;">
  content
</div>
4

3 に答える 3

2

メディア クエリ、fe を使用できます

@media (max-width: 800px) { /* this has to be the same width as the div */
    div {
        margin-left:0;
        left:0;
    }
}

http://jsfiddle.net/y3zpm/

于 2013-08-15T12:45:34.300 に答える
1

私は良い例でこのページを見つけました: http://codepen.io/shshaw/full/gEiDt#Fixed。私のために働いてください！

于 2013-08-15T12:46:10.283 に答える
0 
<div style="margin:auto; width:800px; top:0px;">
  content
</div>
于 2013-08-15T12:46:22.303 に答える