DIVに埋め込まれたテーブル

Question

大丈夫私はCSSを使ってDIV内にテーブルを配置することに関して質問があります。

次のように私は、コードを持っている：

CSS：

#content{ 
    float:right; 
    padding-top:10px; 
    width:450px; 
    line-height: 18px; 
    font-size:13px; 
    text-align:left; 
} 

#content .reviewTable{ 
    width:20px; 
} 
#news{ 
    line-height: 18px; 
    width:150px; 
} 


#news h2 { 
    margin: 0; 
    padding: 0; 
    font-size: 16px; 
} 

#news p { 
    margin: 0; 
    padding-bottom: 20px; 
    padding-right:10px; 
    font-size:13px; 
} 

HTML：

<div id="content"> 
    <div class="reviewTable"> 
    <table> 
    <td></td> 
    </table> 
</div> 
</div> 

私のテーブルには、ニュースのDIVの周りにいくつかのパディングがしかし、そこにある遠く​​離れて私のニュースDIVから座っています私はそれを削除して、それはテーブルの位置に何の違いもありませんでした。私は他のスタックオーバーフローの投稿を見てきましたが、私が探しているものを見つけることができないようです。私はCSSで絶対的かつ相対的な位置づけを試みましたが、幅はありませんし、プレーンテキストのような他の要素で作業した表ではありません。

は私も<table class="reviewTable"></table>

としてテーブルを試してみました私の質問は、コードはすでにCSSの書式設定が適用されたDIV内のテーブルの配置を可能にするために、特定の形式である必要がありませんか？

正しい方向にヒントを探してみてください。もしあなたが私を助けてくれるのであれば、他の誰かがこれと同様の問題を抱えているといいでしょう。

ありがとうございます。

Answer 1

あなたのテーブルが外に流れている理由は、あなたが正しく浮かんでいることです。次に、レビュー領域には小さすぎるように設定されているため、外に出るようになります。 #contentの幅を600pxに変更すると、意味がわかります。

設定方法については、#contentを610pxに設定する必要があります。 #page-containerをoverflow:hiddenに設定して、コンテナの外側に何かが表示されないようにします。そして幅を離してください.reviewTable