2015-11-06 55 views
0

表格浮動到右側,寬度減小到段落左側部分的大小,但它顯示在段落的底部。 相同的編碼形式適用於圖像,但不適用於段落和表格。 我該怎麼辦?浮動類別css

我的HTML:

<p>random paragraph</p> 
    <table class="sagi1" border="10px"> 
     <th>Random</th> 
     <th>Random</th> 
    </tr> 

而且我的CSS:

.name { 
    float:right; 
} 
+1

歡迎到SO。請在您的問題中發佈一個完整的代碼示例。 – j08691

+0

請用您的代碼編輯該問題,不要將其作爲評論發佈。 – j08691

+0

最有可能的情況是,使用的視口(瀏覽器窗口的寬度)太小而不適合該段旁邊的寬表。因此,它將它分解到下一行。編輯:從來沒有,我現在複製的代碼看起來不同於你編輯的帖子 – EdwardM

回答

1

首先把表中的代碼,那麼該段以下的:

<table class ="sagi1" border = "10px" style="float: right;"> <tr><th>Random</th> <th>Random</th> <th>Random</th> <th>Random</th> <th>Random</th> </tr> </table><p>Random.RandomRandomRandomRandomRandom Random Random Random Random Random Random Random Random Random Random Random Random Random Random Random Random</p> 

http://jsfiddle.net/tuyhppap/

+0

同樣的錯誤,在左側的段落,但表格在右側和底部,寬度是固定的,但它停留在底部 – frigate