CSS不会永久更改
问题描述：
含糊不清的问题，但我不知道要问Google的正确问题。CSS不会永久更改
我有一个小部件，它具有在我的页面上的列中的背景img。但是，当我调整页面的大小时，我的小部件将被销毁，无法横向翻页。背景图像也被切断。
另外：如何准备我的页面以适应不同的屏幕尺寸？有没有办法让我的部件粘在一个地方？任何人都可以将我指向正确的方向吗？
感谢
.example_wrapper
{
margin: 10px 20% 10px 20%;
border-style: solid;
border-width: 0px;
height: 315px;
border-radius: 20px;
}
.example_container
{
margin: 10px 0px 10px 3%;
align: center;
border-radius: 0px;
height: 300px;
overflow:auto;
background-image: url('img.png');
background-repeat: no-repeat;
background-position: center;
}
.example_textarea
{
position: absolute;
margin: 145px 30% 0 5%;
align: left;
overflow: hidden;
height: 130px;
}
.twitter_block
{
position: left;
margin: 6px;
height: 120px;
width: 120px;
align: left;
float: left;
}
.twitter_pic
{
position: center;
margin: 1px 20% auto 20%;
}
.scale-image
{
height:73px;
width: 73px;
}
.twitter_link
{
position: none;
margin: 0px 100px auto 30px;
}
.twitter_half
{
margin: 0px;
}
.twitter_profile_pos
{
text-align: center;
margin: 0px 10px auto 17px;
font-weight: bold;
}
.twitter_profile_pos a
{
color: #043E6B;
}
答
它可能是某种形式的清算问题，也可能是一些与你的位置的规则。
position:none,position:left和position:center不是有效规则。所以这些对于任何定位问题都没有帮助。
position:absolute可能会打破你的布局，如果position:relative不会应用到父元素（否则它定位元素相对整个文档，而不是一个特定的元素）。这可能会导致调整中断。
如果您可以发布相应的HTML，每个人都应该可以重新创建它。或者更好的是，如果您在jsfiddle上发布代码并将链接放在此处，我们可以帮助解决它更快！
你能发布有关背景图片和你的小部件的代码吗？它会帮助每个人弄清楚发生了什么。 – 2011-11-23 16:22:06
已发布。我忘了，因为我急于做到这一点，我不是一个令人沮丧的CSS人。谢谢 – tiggles
HTML可能不是一个坏主意发布。没有它，我们没有应用CSS的上下文。 – Travis