CSSで固定/流体レイアウトをどのように達成していますか？

Question

stackoverflowサイトを見てください - 画面は、マージンがなくなるまで、マージンを減らして、サイトが固定されると幅を調整します。これはどうすればできますか？

Answer 1

ページが中央に配置されていると思います。私は、固定幅（例えば800px）を持つ1つのdivタグを持つページのすべての要素を含んでいます。その後、私はstackoverflowの場合のmargin: 0 auto;

#all { 
    width: 800px; 
    margin: 0 auto; 
} 

Answer 2

でそれを中央う、それはあなたが指定した幅であるコンテンツのdiv要素を持ちたい、これを達成するために、画面の中央にだけ固定幅であります、例えば960pxは非常に人気があります。次に、CSSleft:50%; margin-left:-480px;で置き換えます。ここで、480はコンテンツの幅の半分です。私はこれがより堅牢でマージン：0オート;

ブラウザウィンドウのサイズを実際に調整するサイトを作成するには、「レスポンシブウェブデザイン」と「cssメディアクエリ」のgoogleingを少し行います。