CSS位置圖標表

的右上方我是比較新的CSS。我在我的頁面上有一張寬度爲70％的表格。我需要定位只是表的右側上方一個小圖標，該圖標與桌子的下面就的右邊緣對齊。我怎樣才能做到這一點？CSS位置圖標表

所以一般這個問題將是如何定位相對於使用CSS網頁上的其他元素的位置的元素？

感謝，卡爾文

來源

2012-05-29 Richard N

嗨，現在你可以做到這一點很容易地拋出位置給Parent Position Relative和child to give position Absolute，做根據您的佈局

麗芙右上角 Ë演示

http://jsfiddle.net/srgJh/

來源

2012-05-29 07:47:29

在CSS，你應該寫：

.myclass { 
    position:relative; 
}

或

<img style="position:relative;" />

那麼你可以通過「頂」控制位置，「左」，「右」，「底部」聲明。例如：

<img src="position: relative; top: 20px;" />

來源

2012-05-29 07:43:41 Raknel

謝謝。我仍然不理解這是如何告訴圖像相對於桌子？ –

圖像實際上應該定位absoute和相對 –

給這個CSS：

.classname { 
    position:relative; 
}

我希望你的問題將得到解決

來源

2012-05-29 07:47:25

應用上述語法在我的CSS表定位，它的工作原理就像一個魅力。我想我需要探索CSS的更多屬性。謝謝Rushi – YuDroid

<div style="position:relative;float:left;overflow:hidden"> 
<table> 
... 
</table> 
<div class="icon"></div> 
</div> 

.icon { 
position:absolute; 
width:10px; 
height:10px; 
top:0; 
right:0; 
}

如果想要的圖標與負表寫值之外，爲前：

top:-10px; /* above the table */ 
right:-10px; /* on the right side the table */

來源

2012-05-29 07:49:11 jumancy

的傢伙上面已經回答了這個問題，但如果你想知道它是如何工作的，試試看： http://www.tizag.com/cssT/position.php

另外你應該考慮使用Divs而不是表格，w母雞創建整個頁面佈局： http://www.tizag.com/htmlT/htmldiv.php

來源

2012-05-29 07:52:37 Kibsgaard

CSS位置圖標表

回答

相關問題