html - CSSセンタリングボックスパーセンテージの仕組み

Question

右側の残りのスペースを削除するにはどうすればよいですか: HTML コード:

    <div class="wrapper">
        <a href="#"><h1>Title 1</h1></a>
        <a href="#"><h1>Title 1</h1></a>
        <a href="#"><h1>Title 1</h1></a>
    </div>

CSS コード:

.wrapper {
height:                                                         450px;
margin:                                                         50px;
border-radius:                                                  30px;
overflow:                                                       hidden;
background-color:                                               #F00;
border:                                                         1px solid #000;
display:block;
}
.wrapper a {
    width:                                                      33.3%;
    height:                                                     100%;
    background-color:                                           #444;
    margin:0 auto;
    float:                                                      left;
    color:                                                      #fff;
    text-decoration:                                            none;
    display:inline-block;
}
.wrapper a:nth-child(2) {
    background-color:                                           #333;
}
.wrapper a h1 {
    width:                                                      100%;
    height:                                                     70px;
    text-align:                                                 center;
    position:                                                   relative;
    bottom:                                                     0;
    text-shadow:                                                1px 1px #000;
}

http://jsfiddle.net/6bXQ9/

3 つのブロックは 33.3% でなければなりませんが、残り (0.1%) は満たされず、33.4% を使用すると、ページが小さくなると 1 つのブロックが失われます。

何を使えばいいですか？ありがとう！そして私の悪い英語でごめんなさい

Answer 1

width: 33.33%魔法のトリックを行います。

Answer 2

これは、あなたの望むことですか？http://jsfiddle.net/6bXQ9/5/

width: 33.33%;

幅を作る: 33.33% はあなたの問題を解決します。