CSS是網頁設計中非常重要的一部分，它可以用來美化網頁，讓網頁看起來更加美觀、舒適，同時也為用戶提供更好的視覺體驗。而更加優秀的CSS設計則不僅可以美化網頁，也可以使網頁具有更多的交互性和易用性。

當我們開發一個網站時，通常需要考慮到不同的屏幕尺寸和瀏覽器的大小，以確保我們的網頁在不同的屏幕上都可以正常顯示。這時，我們可以使用CSS來實現網頁跟隨瀏覽器大小的效果。

html,body{
height:100%;
}
#container{
min-height:100%;
height:auto !important;
height:100%;
margin:0 auto -40px;
}
#footer{
height:40px;
clear:both;
}

代碼中，我們首先設置了html和body的高度為100%。然后設置了container元素的最小高度為100%。當瀏覽器的高度比container的最小高度小時，container元素的高度會自動增加。同時，我們為container元素設置了margin-bottom為-40px，這是為了避免當footer元素出現時，頁面出現滾動條。

最后，我們為footer元素設置了固定高度，使它固定在頁面底部，從而實現了網頁跟隨瀏覽器大小的效果。

總的來說，通過相應的CSS技巧，我們可以輕松實現網頁的自適應和響應式效果，讓網頁在不同的設備和瀏覽器上都能展現出更好的用戶體驗。