Html 将子对象与父对象外部对齐

所以我有一个设计，我想在一个网站上实现我的工作。基本上，它是一个背景图像div a，填充可用宽度的70%，另一个div b包含div a上方的文本。问题是，两个div必须分别与页面的左侧和右侧对齐，两侧都有一个边距，div a的高度应始终大于div b。下面是一幅希望能让它更清晰的图片：

是否有可能实现这一点？如果有，如何实现？我曾尝试将div b包装在div a中，将其位置设置为relative并设置right属性，但例如，我无法使其在右侧对齐

顺便说一句，该网站是响应迅速和动态的，所以它也应该适当地扩展。好像这还不够棘手“_ツ_/“

编辑：根据您的评论，当高度取决于b部分的内容时，是否也可以编辑，新答案如下：

.分区{ 溢出：自动； 位置：相对位置； } .a组{ 背景：红色； 位置：绝对位置； 排名：0； 底部：0； 左：0； 右：30%； } .b组{ 背景：浅蓝色； 宽度：70%； 利润率：4%0； 位置：相对位置； 浮动：对； } Lorem ipsum dolor sit amet，是一位杰出的献身者。不结盟运动在莫里斯，在阿库姆山。在mauris laoreet，varius quam nec，cursus sapien。奥迪奥·尼西万岁，布莱迪特·波苏尔在，艾库利斯坐在阿梅特·洛雷姆的位子上。不要把你的爱和激情联系在一起。

---

谢谢你的回答！如果设置了父div的高度，它可以正常工作，但是当高度取决于div b中的内容时，它也可以吗？@Pharetra当然可以-感谢您澄清它应该如何工作。我已经更新了我的答案，并把这个新的解决方案放在首位。如果您有任何问题，请告诉我。谢谢！工作起来很有魅力。周末愉快@法雷特拉，你也是！