2

divテーブルの幅が内側よりも広い場合があります。これにより、テーブルがdiv境界線からはみ出してしまいます。

境界線が常にテーブルを一周するdivようにストレッチするにはどうすればよいですか?div

このフィドルは、結果ペインを縮小した場合の問題を示しています。

div#wrapper{
    margin: 2em;
    padding: 1em;
    border: 1px solid black;
    width: auto;
}

<div id="wrapper">
    <table border="1">
        <tr>
            <td>stuff</td>
            <td>stuff</td>
            <td>stuff</td>
            <td>stuff</td>
            <td>stuff</td>
            <td>stuff</td>
            <td>stuff</td>
            <td>stuff</td>
            <td>more stuff</td>
            <td>more stuff</td>
            <td>more stuff</td>
            <td>more stuff</td>
            <td>more stuff</td>
        </tr>
    </table>
4

1 に答える 1

5

toのdisplay値を変更する方法の 1 つは次のとおりです。div#wrapperinline-block

div#wrapper {
    margin: 2em;
    padding: 1em;
    border: 1px solid black;
    display: inline-block;
}

修正されたjsFiddle

于 2013-07-23T22:22:16.937 に答える