* 問題:
將此視窗縮小於990px,捲軸向右拉會出現一塊露白。

 

----------------------------------------------------------------------------------------------

以下為html設定:

 

<div id="wrapper">
<div class="content">當視窗縮小於990px,捲軸向右拉會出現一塊露白。</div>
</div>

 

----------------------------------------------------------------------------------------------

以下為css設定:

 

* {
margin:0;
padding:0;
}


#wrapper {
width:100%;
background-color:#FFE1E2;
}


#wrapper .content {
width:990px;
margin:0 auto;
border:#F66 1px solid;
}




* 解決方法:
將背景設最小寬min-width:990px(與內容寬同),就可以解決啦!

 

----------------------------------------------------------------------------------------------

以下為html設定:

 

<div id="wrapper2">
<div class="content2">將背景設最小寬min-width:990px,就可以解決啦!</div>
</div>

 

----------------------------------------------------------------------------------------------

以下為css設定:

 

* {
margin:0;
padding:0;
}


#wrapper2 {
min-width:990px;
background-color:#FFE1E2;
}


#wrapper2 .content2 {
width:990px;
margin:0 auto;
border:#F66 1px solid;
}