減少div的寬度移動到CSS的左側

Question

這里是

http://jsfiddle.net/vicky081/jmGwX/5/我想更改div的寬度，當我將寬度更改為50％時，div的寬度現在變為100％，出現在左側。 當我減小從中心出現的div的尺寸時，如何以此將div作為中心？ 我知道div的寬度是100%那么如果我將寬度更改為50，它也會left 0 to right 100出現，而且它也會left to 50% right出現。當我更改例如，如果我將div的寬度減小50%那么它的寬度就好像出現25% from center of left and 25% center of right

這是代碼CSS：

.notify {
    background: #FFFFFF;
    width:50%;
    position: relative; 
    margin:-13px 0px 0px -5px;
    padding: 2px 0px 0px 0px;   
    border-bottom:2px solid #CC0000;
    box-shadow: 0px 4px 5px #AAAAAA;
    font-size:14px;
    font-family: 'Lato Regular', Arial;
    text-transform:uppercase;
    text-align:center;
}

Answer 1

像這樣編輯CSS：

.notify {
    ....
    margin: 0 auto 0 auto;
    ....
}

http://jsfiddle.net/wRM8j/

編輯：

如果position fixed添加

.notify {
    ....
    position: fixed;
    left: 0;
    right: 0;
    ....
}

http://jsfiddle.net/vZexH/

Answer 2

第一個解決方案是完美的，但是如果您想使用javascript來解決這個問題。 只需包括這一行。

<script>
var decider=parseInt(document.defaultView.getComputedStyle(document.getElementsByTagName("div")[0]).width)/2;
document.getElementsByTagName("div")[0].style.left=(window.innerWidth/2)-decider;
</script>