如何用浏览器阻止页面元素移动
如何用浏览器阻止页面元素移动
提问于 2015-01-03 22:56:26
我知道很多人都有和我一样的困难，我试着将他们的修复应用到我的代码中，但到目前为止还没有成功。希望你能帮我。
当我的浏览器设置为屏幕允许的宽度时，页面元素都在完美的位置。但是，一旦浏览器大小发生变化，元素就会移动。访问我的网站，亲眼看看我的意思-- 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;
}回答 2
Stack Overflow用户
发布于 2015-01-03 23:13:31
假设你指的是中间的文章片段？
您可以将CSS宽度更改为百分比，如下所示：
.article_list_image {
float: left;
margin-right: 25px;
margin-bottom: 25px;
width: 35%;
}
.article_list_content {
float: right;
width: 61%;
}这是一个快速修复，可以停止在图像下包装描述
Stack Overflow用户
发布于 2015-01-04 00:15:28
默认情况下，固定元素的宽度是一种更好的方式，并在@media查询中使用百分比(%)，这会使块响应。响应图像的小技巧：
img {
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/27756120
复制相关文章
相似问题
腾讯云开发者
