html - 如何阻止页面元素随浏览器移动而调整大小

Question

我知道很多人都遇到了和我一样的困难，我已经尝试将他们的修复应用到我的代码中，但到目前为止运气不佳。希望你能帮助我。

当我的浏览器设置为我的屏幕允许的宽度时，页面元素都在完美的位置。但是，一旦浏览器大小发生变化，元素就会移动。访问我的网站并亲自了解我的意思 - www.shedbecalifornia.com

我怎样才能阻止这种情况发生，以便无论浏览器/屏幕的大小如何，元素都保留在原位？

我不知道为此需要我的代码的哪些部分 - 我找到的答案都与不同的问题和略有不同的代码有关。对不起，我不能更具体，但我想你会知道你在找什么。

非常感谢。

Wrappers
******************************************/
.ct-wrapper {    padding:0px 20px;    position:relative;    max-width:1260px;    margin:       0 auto;  }

.outer-wrapper {    background: transparent;    position: relative;  margin: 40px 0;   }

.header-wrapper {
background: #1b1e24;
display: block;
float: left;
width: 100%;
}

.main-wrapper {
width: 72.05%;
float: left;
background:#fff;
padding:25px;
}

#content {   
position: relative;  
width: 100%;  

}

.sidebar-wrapper {
width: 25.15%;
padding: 0;
float: right;
margin: 0;
}

Answer 1

假设您指的是中间的文章片段？

您可以将 CSS 宽度更改为百分比，如下所示:

.article_list_image {
    float: left;
    margin-right: 25px;
    margin-bottom: 25px;
    width: 35%;
}

.article_list_content {
    float: right;
    width: 61%;
}

这是一个快速修复，可以停止图片下的描述