在tumblr主题中右上角对齐图像

时间:2011-11-13 20:46:04

标签: html css tumblr

我正在尝试将广告旁边的图片对齐,就像damnyouautocorrect.com那样。

我将广告代码放在标记的正下方,然后按预期推送内容。

它拥抱左侧。接下来,我想放置一个Twitter关注按钮,让它对齐并拥抱右侧。问题是无论我做什么,它都会抓住左侧并保持在广告的正下方。

我试过

margin-left: auto; margin-right: auto; float:right;

知道我做错了什么?

2 个答案:

答案 0 :(得分:0)

尝试一下:

position:absolute;
right:0px;

答案 1 :(得分:0)

您发布的示例链接使用基于表格的布局(boo)。

所以很难用你发布的小信息说多少......然而,听起来我觉得问题是拥抱左边的元素没有浮动:左边;

在同一个“水平”行下不能有2个元素,如果其中一个元素没有使用float属性,则每个元素都会浮动到另一个元素。例如

LEFT BLOCK |右块

leftblock有{float:left;} rightblock有{float:right;}

并且,为了安全起见,请确保它们的组合宽度不超过父级的宽度,否则第二个宽度将始终跳到下一行。

希望这有帮助