고정 된 부모 div 요소 내에서 서로 오른쪽으로 여러 div 요소 위치 지정

일부 div를 서로 옆에 (오른쪽으로) 배치하여 가로 스크롤 막대가 아닌 세로 스크롤 막대) ... 누군가 힌트를 가지고 있습니까? http://jsfiddle.net/WRT6E/2/고정 된 부모 div 요소 내에서 서로 오른쪽으로 여러 div 요소 위치 지정

<!DOCTYPE html> 
<html> 
    <head> 
     <title></title> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
     <style type="text/css"> 
      html,body{ 
       height: 100%; 
       width:100%; 
      } 
      .static{ 
       position:fixed; 
       top:30%; 
       width:20%; 
       left:10%; 
       height:20%; 
       overflow:scroll; 
       float:right; 
       display:inline; 
      } 
      .static div{ 
       float:right; 
       display:inline; 
      } 
     </style> 
    </head> 
    <body> 
    </body> 
    <div class="static"> 

     <div> 
      <h1>Test Headline</h1>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 
     </div> 

       <div><h1>Test Headline2</h1> 
        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 
     </div> 
    </div> 


</html>

출처

2012-02-20 Jurudocs

는 JSFiddle

은 당신이 원하는 일을합니까, 필자는 높이가 이하가되도록 크기로 자바 스크립트는이 div의 성장과 2 플로트 잘 된 div 길게 설정하는 또 다른 내부 DIV를 사용 지주 DIV 높이.

마진, 테두리 또는 패딩을 추가하는 경우 코드를 수정해야 해당 사항을 고려해야합니다.

업데이트

업데이트 내가

출처

2012-02-20 20:42:01 Dampsquid

와우 유망 찾고 이잖아 수직 스크롤을 제거하기 위해 자동으로 DIV의 오버 플로우를 잡고 지금은 높이의 원유 감소를 수행 계정으로 스크롤을 깜빡하고 변경된 바이올린 너는 js없이 그것을 할 수있는 기회가 있니? – Jurudocs

저는 HTML 전문가가 아니에요. 저 자신과 놀기 시작했는데 JS가 필요할 것이라고 확신합니다. – Dampsquid

음, 그렇게 생각합니다! 나는 잠깐 기다려 볼까 ... 아마도 다른 누군가가 생각을 가지고있을 것이다 ... 매우 고마워. – Jurudocs

고정 된 부모 div 요소 내에서 서로 오른쪽으로 여러 div 요소 위치 지정

답변

관련 문제