콘텐츠를 transistion div에 묶어 두지 않으려면 어떻게해야하나요?

Question

전이 CSS 규칙을 사용하려고하지만 내 전제 조건은 전환이 유휴 상태이고 마우스 오버가되지 않을 때 div 내의 모든 콘텐츠가 함께 묶이는 것입니다. div의 내용이나 내 예제의 제목 위에 마우스를 올려 놓으면 전체 양식으로 펼쳐집니다.

한 줄에 제목이 보이지 않게하는 방법이 있습니까? 사전에 http://jsfiddle.net/3W2hC/

.title { 
    width:420px; 
    text-align:center; 

감사 : 여기

내 코드의 예를 jsfiddle입니다.

편집 : 나는 이것을 할 수 있었다. 너비를 추가합니다. 그러나 스크롤 막대가 있습니다. 스크롤 막대를 제거하려면 어떻게해야합니까?

Answer 1

div의 콘텐츠를 잘린 경우 div에 div overflow:hidden을 입력하면됩니다. 귀하의 경우에는

은은 다음과 같습니다

#main { 
    overflow:hidden; 
    ... 
} 

는 여기에 바이올린입니다 : http://jsfiddle.net/3W2hC/1/