這個思想相當的重要：
比較實用的一個小例子，有時候頁面上帶有滾動條會影響美觀，出現兩個滾動條的時候更是尷尬，這樣的情況下就需要我們去掉一個滾動條，但是去了滾動條後頁面又顯示不全了，怎麼辦？還得保留滾動效果-----原來我，什麼都想要（哈哈）。實現方法其實也很簡單，看了網上的大神的解決思維，總結如下，製造兩層，一個父層，一個子層，如果是div去滾動條就在內容div外面再加一層div，如果是要去年整個頁面的滾動條，那就給html（父）和body（子）設置樣式就可以了。具體CSS代碼如下：
html{
height: 100%;
width: 100%;
overflow: hidden;
}
body{
width: 100%;
height: 100%;
overflow-y: scroll;
padding-right: 17px;
}
然後自己的html代碼是這樣的：
<html>
<head >
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.parentDiv{
height: 100px;
width: 200px;
overflow: hidden;
border: 1px solid #ccc;
}
.childDiv{
height: 100%;
width: 200px;
overflow-y: auto;
overflow-x: hidden;
}
</style>
</head>
<body>
<div class="parentDiv">
<ul class="childDiv">
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
</ul>
</div>
</body>
</html>
簡單、粗暴