별도의 텍스트 필드를 사용하여 반응 형 스크롤 박스를 만들려면 어떻게해야합니까?

Question

두 개의 텍스트 필드가있는 웹 페이지의 스크롤 상자를 만들려고합니다. 솔루션을 구현하고 로컬 컴퓨터에서 테스트했습니다. 나중에 다른 컴퓨터에서 보았고 웹 페이지가 예상대로 보이지 않았습니다. 왼쪽 텍스트 필드 아래에 올바른 텍스트 필드를 배치했습니다.

내 웹 페이지가 작동하고 모든 컴퓨터에서 예상대로 보이게하려면 어떻게해야합니까? 당신은 나를 올바른 방향으로 인도 할 수 있습니까? 지금까지

내 HTML : 당신이 수레를 사용하고

<style="text/css"> 
    .scroll { 
    padding: 10px; 
    height: 280px; 
    width: 566px; 
    overflow: auto; 
</style> 

<div class="scroll"> 
<p style="margin: 10; float: left;"> 
    etc <br /> 
    etc <br /> 
    etc <br /> 
</p> 

<p style="margin-left: 25px; float: left;"> 
    etc <br /> 
    etc <br /> 
    etc <br /> 
</p> 

Answer 1

그들은 다른 상단에 하나를 쌓아 두지 않도록? 물론 텍스트 필드가 너무 넓 으면 크기를 줄여서 나란히 표시 할 공간이 있어야합니다. 보시다시피이 내용은 example에서 작동합니다. HTML here

<div id="righttext"> 
    <input type="text"> 
    </div> 
    </div> 
    <div style="float:none;"></div> 

CSS

#lefttext, #righttext { 
float: left; 
} 

    #container { 
    height: 100px; 
    overflow:scroll; 
    }