Webページ

Question

私は現在サイドプロジェクトに取り組んでいると私が何か 迷惑に走った中で水平スクロールを修正：私のブラウザのサイズが周りよりも小さい場合には（1280年| 何か）内容は全く見えません。私は にスクロールして、そこに何があるのか​​を見ることができますが、左側にはありません。

HTML：

<div id="wrapper"> 
[...] 
</div> 

CSS：

#wrapper { 
position: absolute; 
width: 1200px; 
margin-right: -600px; 
} 

Answer 1

あなたのセンタリング技法が間違っています。

使用：

#wrapper { 
    margin-left:auto; 
    margin-right:auto; 
    width: 1200px; 
} 

はまた、レイアウトのための絶対位置を使用することは一般的に悪い考えです。浮動小数点の使い方を学び、TABLEを取り除くこともできます。

Answer 2

特に、margin-left：-600pxが問題です。私はDiodeusに同意します。絶対的なポジショニングとテーブルは、一般的に眉をひそめます。