次の HTML を検討してください。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<table cellspacing = "10" cellpadding="0" border="1" width="100%">
<tr>
<td>
<input style="border-width:1px; border-style:solid; width:100%; background-color:aqua">
</td>
</tr>
</table>
</html>
次のように出力されます。ご覧のとおり、右側に少しオーバーラップがあります。
入力ボックスが重複することなく TD の内部空間全体を占めるように、このコードを変更するにはどうすればよいですか?
次のような解決策を探していることに注意してください。
- DOCTYPEタグとhtmlタグは上記の通りです。
- 上記のように、コンテナー要素のサイズは固定されていません。
ありがとうございました。