0

背景情報

ユーザーに写真を表示するサイトを構築しています。このサイトでは、「投稿」にテーブルを使用しています。

問題

画像 (または div) をテーブルに追加すると、その横の列のサイズが自動的に変更されます。このフィドルを見ることができます。http://jsfiddle.net/hsNpj/赤の DIV は、左側の列を定義された幅よりも小さくします。変。幅は幅を意味し、「幅のようなもの」ではないと思いました。

以下は、幅を 100px に定義する CSS のコードです。

td.postopt
{
    background:#f6f6f6;
    width:100px;
    border-right:1px solid #666;
    height:100%;
}

HTML&CSS がこれを行うのはなぜですか? どうすれば修正できますか？

4

2 に答える 2

0

セットdisplay:block;。tdこれにより、指定された幅が強制されます。

于 2012-11-29T19:31:47.910 に答える
0

overflow: scroll;たとえば、オーバーフロー ルール ( ) を設定してみてください。これは、要素に含めることができるよりも多くのコンテンツが要素にある場合にブラウザに何をすべきかを伝えます.

また、テーブルとテーブル要素は、標準のレイアウト要素とまったく同じようには動作しないことに注意してください。

于 2012-11-29T18:23:15.593 に答える