2011-10-18 38 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%!重要;

你可能需要取决于你所需要

一个更好的选择什么调整溢出是使用固定的尺寸,但是如果你在自适应布局环境中工作的猜想,是一个没有去

相关问题