响应css，元素相互流入

我正在尝试建立一个responsiv网页，它可以在640像素的小屏幕和更大的屏幕上工作。有两个元素彼此相邻。 问题在于断点640 px和更大屏幕之间。在你伸展到更大的屏幕之前，这两个元素会互相浮动。大概在640像素到800像素之间

这是css，两个元素相邻放置

@media screen and (min-width: 640px) {

article {
    max-width: 75%;
    position: absolute;
    margin-right: 2em;
}

aside {
    float: right;
    display: inline;
    max-width: 20%;     
}

---

我怎样才能让它们不互相浮动呢？

你的

立场：绝对的
正在制造问题。不知道你为什么需要它

你在下面找什么东西吗

HTML:

你能发布html和其他媒体查询吗？请分享所有相关代码。HTML和CSS
<div class="left"></div>
<div class="right"></div>

.left, .right {
    float: left;
    border: 1px solid red;
    height: 200px;
    box-sizing: border-box;
}
.left {
    width: 70%;
}
.right {
    width: 30%;
}