Question

假设我有一个包含格式化语法代码的CSS DIV。 DIV设置为min-width:100;和max-width:100;

同样的DIV还有另一个关于DIV何时悬停的CSS声明，max-width: 135% !important;和min-width: 135%;

因此，如果持有格式代码的DIV比DIV的宽度宽，则显示滚动条，当您将鼠标悬停在DIV上时，如果DIV的代码将DIV扩展到代码宽度不超过135％不超过DIV的宽度，那么DIV保持相同的宽度。

我的问题是，当div超过100％宽度时，它会扩展到内部代码的宽度但是保持LESS然后是135％，有没有办法使它扩展到135％，即使代码不是135％但超过100％？

希望这是有道理的

我几乎需要某种条件陈述，说......

如果DIV内容是＆gt; 100％然后在Dover上使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%;
}

Answer 1

我不确定我是不是说你的意思，但是如果我没有弄错的话，你所剩下的就是：

min-width：135％！important;

您可能需要根据需要调整溢出

更好的选择是使用固定大小，但如果您正在使用自适应布局环境，那么猜测是不行的

是否有可能在CSS中做这样的条件

1 个答案: