我对 CSS 比较陌生。我的页面上有一个宽度为 70% 的表格。我需要在表格右侧上方放置一个小图标，以便图标与其下方表格的右边距对齐。我怎样才能做到这一点？
所以一般来说，这个问题是如何使用 CSS 相对于页面上其他元素的位置定位元素？
谢谢，卡尔文
问问题
29240 次
5 回答
5
嗨，现在您可以根据您的布局轻松地将Position Give扔到Parent Position Relative并child to give position Absolute做右上角
现场演示
于 2012-05-29T07:47:29.183 回答
4
在 CSS 中你应该写：
.myclass {
position:relative;
}
或者
<img style="position:relative;" />
那么你可以通过“top”、“left”、“right”、“bottom”语句来控制位置。例子：
<img src="position: relative; top: 20px;" />
于 2012-05-29T07:43:41.320 回答
2
<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-29T07:49:11.720 回答
1
给这个CSS：
.classname {
position:relative;
}
我希望你的问题会得到解决
于 2012-05-29T07:47:25.567 回答
0
上面的人已经回答了这个问题，但是如果您想知道它是如何工作的，请尝试查看： http ://www.tizag.com/cssT/position.php
在创建整个页面的布局时，您还应该考虑使用 Divs 而不是表格： http ://www.tizag.com/htmlT/htmldiv.php
于 2012-05-29T07:52:37.893 回答