Jquery 让窗户切断浮动的div，而不是将其推倒

目前，我在一个网站上有一个部分，其中有一些绝对文本覆盖在图像上。当窗口较大时，这看起来不错，但我想在窗口中的某个点使用媒体查询

无论如何，以下是目前正在发生的事情：

当我使窗口变小时，浮动的右侧图像正在移动。我想让它留在原处，让窗户把它剪掉。请记住，我不希望在水平滚动条被切断时出现它，我只希望被切断的部分消失

HTML

---

使用

位置：固定；右：0在图像上显示，这样在调整窗口大小时图像不会移动



标题文本
副标题文本
如果我正确理解了您的问题，您可能希望松开浮动并使用position。大概是这样的：

在里面更容易看到
，尝试调整结果帧的大小


正文{
位置：相对位置；
宽度：100%；
最小宽度：600px；
溢出x：隐藏；
保证金：0；
}
img{
位置：绝对位置；
右：0；
}
您可以尝试为您的
img
提供一个
位置：fixed
，以及一个
left
（和top？）参数。不起作用，我很确定位置fixed应该使其随窗口移动。至少是垂直的，因为这就是我设置标题以随页面滚动移动的方式；排名：0；右：0；对于您的图像，您是否尝试过使用我给出的代码删除浮点数？是的，我尝试过，似乎产生了相同的效果，只是这次图像出现在我的文本前面。不过，它仍在随窗口移动。您可以在本页上探索其他方法，我还没有测试过它们，也不知道J-Query，但其中一种可能会起作用。
<div class="sectionone">
        <div class="headingwrap">
            <h2>Heading Text</h2>
            <h3>Subheading Text</h3>
            <a href="">Free Demo</a>
        </div>
        <div class="imgwrap">
            <img src="resources/chloestore.png">
        </div>
    </div>

.imgwrap {
    width:70%;
    min-width:700px;
    overflow: hidden;
    float: right;
    margin-top:74px;
    margin-bottom:1000px;
}

img {
    width: 100%;

}
.headingwrap {
    margin-top:200px;
    margin-left:50px;
    float:left;
    color: #464646;
    letter-spacing: 1.5px;
    position:absolute;
}