CSS에서 이와 같은 조건문을 수행 할 수 있습니까?

형식화 된 구문 코드가있는 CSS 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 % 너비를 초과하면 내부 코드의 너비로 확장되지만 그 다음 135 % 미만으로 유지되고 코드가 135 %로 확장 될 수있는 방법입니다. 135 %가 아니라 100 % 이상입니까?

는 희망이 내가 거의 말한다 조건문 어떤 종류의 필요

...

은 DIV의 내용이> 100 % 다음 다른 DIV를 떠나 호버에 DIV 135퍼센트을하는 경우 이해를한다 at 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%; 
}

출처

2011-10-18 JasonDavis

나는 돈없는 추측 할 수있다 자바 스크립트없이 이것을 수행하는 방법을 알지 못합니다. 그런 식으로하는 것이 그리 어렵지 않다고 생각하니? onHover 두 div의 폭을 가져와 필요한 경우 조정하십시오. –

입니다 최소 너비 : 135 %! 중요;

당신은 고정 된 크기를 사용하는 것입니다 당신이

더 나은 옵션을 필요에 따라 오버 플로우를 조정해야하지만 적응 레이아웃 환경에서 작업하는 경우 그가 더 갈

출처

2011-10-18 03:55:04 Coco

CSS에서 이와 같은 조건문을 수행 할 수 있습니까?

답변

관련 문제