是否有更好的方法来对齐单元格右下方的内容?
我有一个只包含背景图像的div,10px×10px。我使用以下样式将其放在右下角。 (我所拥有的细胞是40px高。)
这样做会导致我失去比div高30px。 (我也使用它作为点击的东西,所以我可以点击右边的任何地方,而不是单击单元格的底角。)
.time_note { float:right; width:20%; min-height:40px; display:block;
margin-right:-5px; }
.time_note { background:url('/images/sheet/note_marker.png') no-repeat;
background-position:bottom; }
如果这也可以不使用边距,那就太好了。
示例图片:
答案 0 :(得分:11)
你应该制作你的包装课position:relative;
,然后你内心的任何东西都可以绝对定位position:absolute; bottom:0; right:0;
例如
HTML:
<div class="wrapper">
<div class="arrow"></div>
</div>
CSS:
.wrapper
{
width:100px;
height:100px;
position:relative;
}
.arrow
{
width:10px;
height:10px;
position:absolute;
right:0px;
bottom:0px;
}
答案 1 :(得分:2)
您可以position: absolute
和bottom: 0; right:0;
将其放在父元素的右下角(需要position: relative;
)。当然,这有可能与该元素中的其他信息重叠。
答案 2 :(得分:0)
我相信你要找的是这个,你只需要修改它就在右边
答案 3 :(得分:0)
尝试:
background-position:bottom right;