二十二十个js | <img> 的定位

【问题标题】：twentytwenty js | positioning of an <img>二十二十个js | <img> 的定位
【发布时间】：2016-06-04 11:30:39
【问题描述】：

我正在做一个网站，有一个“前后”动画的例子，我用二十个 js 做了。

除了一页之外，它在任何地方都可以正常工作，其中后图像（右侧）似乎不适合“容器”。图像应该有一个浅色边框，但它只显示在顶部。使用“border: 1px solid lightgrey”具有相同的结果。

问题页面的链接：

【问题讨论】：

你能给出你所期待的截图吗？很难准确地说出正在发生的事情以及您要完成的工作。也许显示解决方案应该是什么样子以及你得到了什么，以防其他浏览器显示的内容与你得到的不同。
我得到了这个：nordglueck.com/printness/… 并期待这样的东西：nordglueck.com/printness/border-closed.png

【解决方案1】：

快速解决！将right: 0; 添加到twentytwenty.css 文件中的.twentytwenty-container img 并在您的style.css 文件中从.bild-1 类中的宽度和高度获取2px

您的最终输出将如下所示

在你的 twentytwenty.css 中

.twentytwenty-container img
    max-width: 100%;
    position: absolute;
    top: 0;
    right: 0px;
    display: block;

在你的 style.css

.bild-1
    width: 388px;
    height: 348px;
    display: inline-block;
    float: right;

【讨论】：