css - ブラウザ ウィンドウの幅に相対的に div の幅を設定する

Question

常にブラウザ ウィンドウの幅のパーセンテージになるようwidthに a のプロパティを設定するにはどうすればよいですか?div

例えば、

• ブラウザ ウィンドウの幅が 1920px の場合、divの幅は 1536px (80%)
• ブラウザ ウィンドウの幅が 1600px の場合、divの幅は 1280px (80%)

など？

Answer 1

ラッパー div を使用し、ブラウザの幅の 100% に等しく設定してから、目的の div を配置して に設定する必要がありwidth:80%ます。これにより、目的の div も中央に配置できます。（これに使用margin:0 autoします。）

デモ付きの JSFiddle は次のとおりです: http://jsfiddle.net/6Lwpr/

Answer 2

これを使って

.main
{width:100%;
margin-left:auto; 

margin-right:auto;


}
.content
{
width:80%;
margin-left:auto; 

margin-right:auto;

}