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; 

}

來源

2011-11-23 tiggles

你能發佈有關背景圖片和你的小部件的代碼嗎？它會幫助每個人弄清楚發生了什麼。 – 2011-11-23 16:22:06

已發佈。我忘了，因爲我急於做到這一點，我不是一個令人沮喪的CSS人。謝謝 – tiggles

HTML可能不是一個壞主意發佈。沒有它，我們沒有應用CSS的上下文。 – Travis

它可能是某種形式的清算問題，也可能是一些與你的位置的規則。

position:none,position:left和position:center不是有效規則。所以這些對於任何定位問題都沒有幫助。

position:absolute可能會打破你的佈局，如果position:relative不會應用到父元素（否則它定位元素相對整個文檔，而不是一個特定的元素）。這可能會導致調整中斷。

如果您可以發佈相應的HTML，每個人都應該可以重新創建它。或者更好的是，如果您在jsfiddle上發佈代碼並將鏈接放在此處，我們可以幫助解決它更快！

來源

2011-11-23 18:08:12

CSS不會永久更改

回答

相關問題