0

私が実際にウェブデザインでパーセンテージを扱ってからしばらく経ちました。コンテナ内にネストされたDIVがありますが、コンテナのパディングによって100％の幅を超えてプッシュされます。何が幅の100％にできるだけ近いかを確認するために試行錯誤のプロセスに着手することを望まずに、どのようにすればぴったりフィットを達成することができますか？また、ウィンドウのサイズを変更してスペースを小さくすると、右側のパディングが単純に小さくなることに気付きました。

<div id="block">
    <div class="inside">ssdfsdfdfsfdf</div>
</div>

#block {
    width: 100%;
    background-color: #CCC;
    padding: 20px;
}
.inside {
    height: 200px;
    background-color: #333;
}

http://jsfiddle.net/AndyMP/cs2U9/4/

4

2 に答える 2

2

box-sizing#block要素にはcssプロパティを使用します。

#block {
    width: 100%;
    background-color: #CCC;
    padding: 20px;

    -o-box-sizing: border-box; /* Opera */
    -ms-box-sizing: border-box; /* IE */
    -moz-box-sizing: border-box; /* Mozilla */
    -webkit-box-sizing: border-box; /* Chrome, Safari */
    box-sizing: border-box;
}

CSSボックスサイジングプロパティについて：http ：//www.w3schools.com/cssref/css3_pr_box-sizing.asp

于 2012-09-06T14:56:10.187 に答える
0

私は

overflow: hidden

コンテナDIVに完全に配置するために。

http://jsfiddle.net/AndyMP/cs2U9/6/

于 2012-09-06T14:56:18.703 に答える