2011-10-18 11 views
1

書式付きの構文コードを保持するCSS DIVがあるとします。 DIVがmin-width:100;及びこれと同じDIVは別のCSSのDIVが推移し、max-width: 135% !important;ときのための宣言とmin-width: 135%;CSSでこのような条件文を実行することは可能ですか

を持ってmax-width:100;

に設定されているので、フォーマットされたコードを保持するDIVは、DIVの幅そして広い場合、それはスクロールバーを表示し、DIVの上にカーソルを置くと、DIVのコードがDIVの幅を超えていない場合はDIVの幅が135%を超えないようにコードの幅に拡張されます。

私の問題は、divが100%の幅を超えると、コードの幅に広がりますが、LESSが135%のままであることです。コードが135%に拡張される方法があります135%ではなく100%を超えていますか?

DIVの内容はホバーにDIV 135パーセントを行い、その後> 100%であればうまくいけば、これは私はほとんど言う条件文のいくつかの種類を必要とする感覚

...


になりそう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

Iドンを行くではないと思いますjavascriptなしでこれを行う方法はわかりません。そういうのは難しいことではないと思う?両方のdivのonHoverの幅を取得し、必要に応じて調整します。 –

答えて

0

は私はあなたが意味WAHT取得していますわからないんだけど、私は間違っていないならば、あなたはさておき残しているすべては、このです:

最小幅:135%!重要;

あなたが

を必要とするものに応じて、より良いオプションが固定サイズを使用することであろうオーバーフローを調整する必要があるかもしれませんが、あなたは適応レイアウト環境で作業している場合は、それが何の

関連する問題