我在做一個這個個人博客頁面的過程遇到一個問題，在瀏覽器窗口最大化時候，布局是這樣的：當(dāng)我把瀏覽器窗口縮小時候，布局變成這樣的：左側(cè)那邊的東西都布局都亂了。我想要的結(jié)果就是，窗口最大化下布局的縮小版，或者是有下面滾動條也行。希望大牛能指點(diǎn)一下。源碼如下：<body?style="background-color:?#888888;"> <div?class="container-fluid"> ????<div?class="row"?style="overflow:?auto;"> ????????<div?class="col-lg-12"?style="background-color:?royalblue;"> ????????????<h1?style="margin-top:?3%;?margin-bottom:?5%;?font-family:?微軟雅黑;margin-left:?8.33333333%;"> ????????????????XXXX的博客 ????????????</h1> ????????????<div?style="margin-left:?75%;margin-bottom:?5%;"> ????????????????<button?class="btn?btn-default">button1</button> ????????????????<button?class="btn?btn-default">button2</button> ????????????????<button?class="btn?btn-default">button3</button> ????????????</div> ????????</div> ????????<div?class="col-lg-10?col-lg-offset-1"?style="background-color:?#ffffff;margin-top:?-3%;?padding-top:?1%;"> ????????????<div?class="col-lg-3"> ????????????????<div?class="panel?panel-default"> ????????????????????<div?class="panel-heading">個人信息</div> ????????????????????<div?class="panel-body"> ????????????????????????<h4>AAAAAAAAA</h4> ????????????????????????<h4>AAAAAAAAA</h4> ????????????????????????<h4>AAAAAAAAA</h4> ????????????????????</div> ????????????????</div> ????????????????<div?class="panel?panel-default"> ????????????????????<div?class="panel-heading">文章分類</div> ????????????????????<div?class="panel-body"> ????????????????????????<h4>AAAAAAAAA</h4> ????????????????????????<h4>AAAAAAAAA</h4> ????????????????????????<h4>AAAAAAAAA</h4> ????????????????????</div> ????????????????</div> ????????????????<div?class="panel?panel-default"> ????????????????????<div?class="panel-heading">閱讀排行</div> ????????????????????<div?class="panel-body"> ????????????????????????<h4>AAAAAAAAA</h4> ????????????????????????<h4>AAAAAAAAA</h4> ????????????????????????<h4>AAAAAAAAA</h4> ????????????????????</div> ????????????????</div> ????????????</div> ????????????<div?class="col-lg-9"> ????????????????<div?class="panel?panel-default"> ????????????????????<div?class="panel-body"> ????????????????????????<h3>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</h3> ????????????????????????<p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p> ????????????????????????<p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p> ????????????????????????<p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p> ????????????????????????<div?style="margin-left:?70%;"> ????????????????????????????<i?class="icon-time"?style="margin-left:?2%;">2015-10-11</i> ????????????????????????????<i?class="icon-comment"?style="margin-left:?2%;">評論</i> ????????????????????????????<i?class="icon-exchange"?style="margin-left:?2%;">瀏覽</i> ????????????????????????</div> ????????????????????</div> ????????????????</div> ????????????????<div?class="panel?panel-default"> ????????????????????<div?class="panel-body"> ????????????????????????<h3>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</h3> ????????????????????????<p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p> ????????????????????????<p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p> ????????????????????????<p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p> ????????????????????</div> ????????????????</div> ????????????????<div?class="panel?panel-default"> ????????????????????<div?class="panel-body"> ????????????????????????<h3>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</h3> ????????????????????????<p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p> ????????????????????????<p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p> ????????????????????????<p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p> ????????????????????</div> ????????????????</div> ????????????????<div?class="panel?panel-default"> ????????????????????<div?class="panel-body"> ????????????????????????<h3>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</h3> ????????????????????????<p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p> ????????????????????????<p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p> ????????????????????????<p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p> ????????????????????</div> ????????????????</div> ????????????????<div?class="panel?panel-default"> ????????????????????<div?class="panel-body"> ????????????????????????<h3>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</h3> ????????????????????????<p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p> ????????????????????????<p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p> ????????????????????????<p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p> ????????????????????</div> ????????????????</div> ????????????????<div?class="panel?panel-default"> ????????????????????<div?class="panel-body"> ????????????????????????<h3>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</h3> ????????????????????????<p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p> ????????????????????????<p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p> ????????????????????????<p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p> ????????????????????</div> ????????????????</div> ????????????????<div?class="panel?panel-default"> ????????????????????<div?class="panel-body"> ????????????????????????<h3>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</h3> ????????????????????????<p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p> ????????????????????????<p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p> ????????????????????????<p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p> ????????????????????</div> ????????????????</div> ????????????????<div?class="panel?panel-default"> ????????????????????<div?class="panel-body"> ????????????????????????<h3>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</h3> ????????????????????????<p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p> ????????????????????????<p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p> ????????????????????????<p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p> ????????????????????</div> ????????????????</div> ????????????</div> ????????</div> ????????<div?class="col-lg-1"> ????????????<i?class="icon-arrow-up?icon-3x"?style="position:?fixed;margin-top:?25%;margin-left:?2%;"></i> ????????</div> ????</div> </div> </body>