與固定位置的div不能被scraled

我有<div>與position:fixed，我想爲瀏覽器調整大小時該div的滾動。我已經嘗試overflo:auto和其他但不工作。如果有人可以幫助我這個...謝謝。與固定位置的div不能被scraled

<div class="div1"> 
    <span class="l">1</span> 
    <span class="l">2</span> 
    <span class="l">3</span> 
    <span class="l">4</span> 
    <span class="r">4</span> 
    <span class="r">3</span> 
    <span class="r">2</span> 
    <span class="r">1</span> 
</div>

CSS

.div1{ 
     background:lime; 
     width:45pc; 
     height:50px; 
     position: fixed; 
     overflow-x: scroll; 
    } 

    .l{ 
     float: left; 
    } 

    .r{ 
     float:right; 
    }

小提琴：http://jsfiddle.net/Ksb2W/158/

來源

2013-01-11 BurebistaRuler

我不太清楚你的問題;你希望div始終是相同的'寬度'，並且當這個'width'大於網頁時，你希望滾動條出現？ – leMoisela

@leMoisela是的，這是我想要的。 – BurebistaRuler

你需要內部

<div class="div1"> 
    <div class="ins"> 
    <span class="l">1</span> 
    <span class="l">2</span> 
    <span class="l">3</span> 
    <span class="l">4</span> 
    <span class="r">4</span> 
    <span class="r">3</span> 
    <span class="r">2</span> 
    <span class="r">1</span> 
    </div> 
</div>

另一個股利和一些修改CSS。

.div1{ 
    background:lime; 
    width:100%; 
    height:50px; 
    position: fixed; 
    overflow-x: scroll; 

} 
.ins{ 
    min-width:45pc; 
    height:50px; 

} 

.l{ 
    float: left; 
} 

.r{ 
    float:right; 
}

這裏的小提琴：http://jsfiddle.net/Ksb2W/189/

來源

2013-01-11 14:01:38 MadCom

哇！謝謝：） – BurebistaRuler

更改width:45pc;到width:45px;。然後一切按預期工作。

當你使用pica時，你的寬度是16 * 45像素（720px），因爲1pc = 16px。如果你想保持PC作爲單位，你需要在你的情況下使用width:2.8125pc;

來源

2013-01-11 13:09:42

pc = pica（1 pc與12分相同）px =像素（電腦屏幕上的一個點） – BurebistaRuler

@burebistaruler是的，我知道。但除了我從未見過使用pc或pt而不是px的事實之外，它仍然解決了這個問題。順便一提。 1pc = 12 pt〜16px。所以你給了45 * 16像素的寬度。如果你想保持與PC，那麼你必須做出正確的寬度數學。 –

爲什麼downvote？如果你認爲我錯了，那麼至少解釋一下。 –

看起來你鍵入一個C而不是X，所以更改width:45pc;到width:45px;。這應該解決它。

來源

2013-01-11 13:13:19

pc = pica（1 pc與12分相同）px =像素（電腦屏幕上的一個點） – BurebistaRuler

酷，我不知道，對不起！ –

我不明白爲什麼這個答案會得到提升，而我的投票會得到降低。但是沒問題。 –

與固定位置的div不能被scraled

回答

相關問題