tdが横に伸びない

レスポンシブサイトでtableを扱うとき、横並びになっていたthやtdのセルをブロック要素にして、横幅100%で表示させることがあります。

指定方法は、thおよびtdにdisplay:blockを指定するだけです。
これで、tdがブロック要素として表示されるので、各ボックスが横幅100%になり、たてに順に並びます。

単にtableにもdisplay:blockをするだけではできません。

table {
    width:100%;
    display:block;
}

blockにするのはthとtdにしてtable の横幅を100%にします。

table {
    width:100%;
}
th,td {
    display:block;
}