如何实现一个悬垂的形象英雄响应

Question

我正在尝试重新创建这个图像英雄突出物，我已经设法使用减去右侧的位置绝对相对于右侧弹性列，但由于显而易见的原因，任何想法都没有响应如何实现这个目标？

我想要创建的图片 - here

这是我的代码的一个方面 - https://jsfiddle.net/EikHunter/6rbchaj7/7/

new FtBasic(new TkText("hello, world!"), 8080).start(Exit.NEVER);

Answer 1

查看截图，我认为通过将图像向右浮动来获得此布局应该相当简单，没有任何绝对定位。你也许可以通过这种方式在底部实现悬垂 - 通过在文本上放置蓝色背景，它的容器仍将拉伸页面的整个宽度，即使线框缩短以允许浮动图像。

我认为这有助于你的反对问题，如果我理解正确的话，它来自绝对定位。