0

div センタリングに非常に奇妙な問題があります。このFiddleに絞り込むことができました。基本的に、非常に大きな div (3000px) があり、ページの中央に配置したいと考えています。私は負のマージンで古き良きトリックを使用しました：

.my_div
{
    width:3000px;
    position:absolute;
    left:50%;
    margin-left:-1500px;
}

ブラウザー ウィンドウが 3000 ピクセルより小さい場合、これが div の左端の部分をカットすることを発見して (Firefox 25 および Chrome 30 でテスト)、私はショックを受けました。私はこのトリックを数年間使用していて、問題がなかったので、明らかに何かを見逃しています...

編集:明確にするために、スクロールを中央に配置したくありません。div を中央に配置します (div がウィンドウより小さい場合)。divが大きい場合は、一番左にスクロールしても問題ありません。ブラウザーでdivをカットしないでください。私は3000pxでテストしていますが、ページの実際のdivのサイズは1100pxで、問題は非常に現実的です

4

1 に答える 1

1

margin: 0 auto;divを中央に配置する必要があります。

margin:0 auto; を含めるようにフィドルを更新しました。左の代わりに:50%; 等

margin:0 auto; も使用している小さな div も追加しました。小さい div でどのように機能するかを表示します。

お探しのものがこれではない場合はお知らせください。さらにサポートさせていただきます。

于 2013-11-11T18:51:09.727 に答える