2011-10-18 72 views
1

比方說,我有一個CSS DIV,其中包含格式化的語法代碼。該DIV設置爲min-width:100;max-width:100;是否有可能做這樣的條件在CSS

同樣的DIV有當DIV盤旋,max-width: 135% !important;另一個CSS聲明和min-width: 135%;

因此,如果DIV持有格式化代碼是更廣泛的那麼DIV的寬度,它顯示一個滾動條,當你將鼠標懸停在DIV上時,它將DIV擴展到代碼寬度不超過135%,如果DIV的代碼沒有超過DIV的寬度,那麼DIV保持相同的寬度。

我的問題是,當一個div超過100%的寬度,它擴展到裏面的代碼的寬度,但保持少於135%,有沒有辦法使其擴大到135%,即使代碼是不是135%,但超過100%?

希望這是有道理的

我幾乎需要某種形式的,說條件語句...


如果DIV內容> 100%,則使DIV 135%的哈弗否則保留DIV在100%


這是可能的嗎?

這裏是我完整的CSS

.syntax { 
    min-width: 100%; 
    max-width: 100%; 
    margin: 1em 0 1em 0; 
    position: relative; 
    overflow-y: hidden; 
    overflow-x: auto; 
    font-size: .9em; 
    display:inline-block; 
} 
.syntax:hover { 
    max-width: 135% !important; 
    min-width: 135%; 
} 
+0

我不不知道有什麼辦法做到這一點沒有JavaScript。我認爲這樣做不會太難嗎?只需獲得兩個div的寬度,然後根據需要進行調整? –

回答

0

我不知道我得到啥子你的意思,但如果我沒有記錯的話,你要撇開是這樣的:

最小寬度:135%!重要;

你可能需要取決於你所需要

一個更好的選擇什麼調整溢出是使用固定的尺寸,但是如果你在自適應佈局環境中工作的猜想,是一個沒有去

相關問題