Question

我对CSS比较新。我的页面上有一张桌子，宽度为70％。我需要在桌子右侧上方放置一个小图标，以便图标与其下方桌子的右边缘对齐。我怎样才能做到这一点？

一般来说，这个问题是如何使用CSS将元素相对于页面上其他元素的位置定位？

谢谢，卡尔文

Answer 1

在CSS中你应该写：

.myclass {
    position:relative;
}

或

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

然后你可以通过“top”，“left”，“right”，“bottom”语句来控制位置。示例：

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

Answer 2

您好现在可以轻松地将排名提供给Parent Position Relative和child to give position Absolute并根据您的布局右上方

现场演示

http://jsfiddle.net/srgJh/

Answer 3

<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 */

Answer 4

给这个css：

.classname {
    position:relative;
}

我希望你的问题能解决

Answer 5

上面的人回答了这个问题，但是如果你想知道它是如何工作的，那就试着看看： http://www.tizag.com/cssT/position.php

在创建整个页面的布局时，您还应该考虑使用Div而不是表格： http://www.tizag.com/htmlT/htmldiv.php

桌面右上角的CSS位置图标

5 个答案: