2015-11-06 56 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