绝对定位后的CSS相对
如何将元素放置在右侧,并保持以下元素的持续位置 我想有效地将绝对定位后的CSS相对,css,css-position,Css,Css Position,如何将元素放置在右侧,并保持以下元素的持续位置 我想有效地将
对齐到右侧,而不使用文本对齐:right
,并在t2
和t3
元素之间保留空格
当我使用position:absolute
时,我可以使用right:0
将其向右移动,但是类为t3
的下一个元素会向上移动,忽略t2
边距、填充等。我可以向下移动它,将边距向下添加到换行
中,但我不能精确地做到这一点(保持t2
和t3
之间的特定距离)
我知道相对、绝对等之间的区别。目前我正在寻找一种更好的方法,使用其他方法保持相同的效果
.hero{
背景:#00aaff;
填充顶部:32px;
垫底:18px;
颜色:#fff;
位置:相对位置;
}
.英雄,结束{
位置:相对位置;
保证金:0自动;
最小宽度:320px;
最大宽度:50%;
}
.wrap.t2{
边缘顶部:1.625em;
位置:绝对位置;
右:0;
}
.hero.t3{
位置:相对位置;
文本对齐:居中;
边缘顶部:10px;
}
.t3.标语,.t3.电话{
显示:块;
}
Lorem ipsum授权网络。
有效地释放跨媒体
ipsum。
与我们联系。
致电123456789
你可以使用引导网格系统。这太简单了……我只使用了float:right
和position:relative
,对象的错误放置没有问题。我不想使用引导。这应该是改进我的代码的方法,以达到同样的效果并保持网站布局。