html5 canvas畫布居中以及例子

今天寫一個python前端的時候想把canvas的畫布居中，一開始代碼是這樣的：
#scene{
    margin:0 auto;
}
<canvas id="scene" width="800" height="600"></canvas>
如圖，設置了canvas的margin：0 auto；可是顯示效果並不居中。最後我改爲了下面的代碼，那麼canvas就居中了。
********************************************************************
 

    <style>
        canvas {
            -moz-user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none;
        }

        .container {
            margin: 0 auto;
            width: 66%;
            height: 55%;
        }
    </style>
    
    <div class="container">
        <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
            </ul>
        </div>
        <canvas id="canvas"></canvas>
    </div>