Html 如何阻止页面元素随浏览器移动已调整大小

我知道很多人都有和我一样的困难，我试着将他们的补丁应用到我的代码中，但到目前为止运气不佳。希望你能帮助我

当我的浏览器设置为屏幕允许的宽度时，页面元素都处于最佳位置。但是，一旦浏览器大小更改，图元将移动。访问我的网站，亲自看看我的意思-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;
}

---

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

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

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

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

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

---

默认情况下，固定元素的宽度是一种更好的方法，并在@media查询中使用百分比（%），从而使块具有响应性。 针对响应图像的小技巧：

img {
   max-width: 100%;
   height: auto;
   width: auto\9; /* ie8 */
}

---

你是在谈论中间的描述吗？只需删除。ToeLyListLyValue{浮标：右；最大宽度：520px；}你的网站是响应的。它是用CSS媒体查询构建的。。你正在寻找的是一个固定宽度的网页，你需要有良好的CSS知识。如果你对CSS不满意，你需要找一个能为你工作的人。所以你希望文本总是在照片的右边，只有照片可以调整大小？从用户的角度来看，我希望文本跳转到照片下方的小屏幕宽度上，这样你的图像和文本可以保持更可见。你只需为文本设置一个最小宽度，如320px，使其以特定宽度跳转到下面，然后使用媒体查询将图像重置回100%宽度诺亚在对你的问题的评论中的解决方案比我的简单得多！