要素與表

Question

我的html代碼：

<div id="right">right</div> 
<table> 
    <tr><td>row</td></tr> 
</table> 

與CSS：

#right 
{ 
    position: absolute; 
    right: 0px; 
    border: 2px solid #AAAAAA; 
    padding: 20px; 
} 

，結果都表和DIV在頁面的頂部開始，但我想表格在div下面開始。我能做些什麼呢？

的jsfiddle：http://jsfiddle.net/jrkno49u/

Answer 1

您正在使用絕對定位所以它採取了DIV跳出流程。因此對於表格div不存在。 要實現你想要的：你可以設置位置：相對; div &將相應的方框移動到右側，方法是將其左側屬性設置爲css。

Answer 2

你也可以做一個浮動的，而不是絕對定位，然後清除浮動爲表：

#right 
{ 
    float:right; 
    border: 2px solid #ddd; 
    padding: 20px; 
} 
table { 
    clear: right; 
} 

http://jsfiddle.net/jrkno49u/2/

Answer 3

你需要做的僅此而已。剛剛從#right

#right 
 
{ 
 
\t border: 2px solid #AAAAAA; 
 
    \t padding: 20px; 
 
}

<div id="right">right</div> 
 
<table> 
 
    <tr><td>row</td></tr> 
 
</table>

刪除position: absolute; right: 0px;檢查您updated fiddle.