HTML、CSS将div放在相对元素的左侧而不是右侧

我有以下代码片段：

#换行{
位置：相对位置；
宽度：自动；
背景：银；
边框：1px纯灰；
}
#正文{
位置：绝对位置；
宽度：25%；
右：0；
排名：0；
底部：0；
背景：黑色；
不透明度：0.5；
过滤器：α（不透明度=50）；
}

---

只需擦除

右侧：0并替换为
左：0在这里：

#text {
  position: absolute;
  width: 25%;
  left: 0;
  top: 0;
  bottom: 0;
  background: black;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

布局的总体目标是什么？我这样问是因为有很多方法可以做到这一点。根据您的要求，某些方法比其他方法更好。id为“text”的div在图像右侧生成一个黑色透明框。我希望我能把它放在左边…所以你想把文字覆盖在图片的顶部？约翰尼斯已经给了我一个解决方案。谢谢你的帮助。