웹 페이지 레이아웃 문제

Question

내 웹 페이지의 레이아웃에 문제가 있습니다. 나는 2 개의 테이블과 2 개의 테이블을 가지고있다. 내가 가지고있는 문제는 내 웹 브라우저 크기가 조정되면 두 번째 div의 내용이 첫 번째 div 아래로 이동한다는 것입니다.

아무에게도이 문제를 어떻게 해결할 수 있습니까?

Answer 1

이 문제를 해결하는 한 가지 방법은 div 외부에 테이블을 놓는 것입니다. 테이블이 구조 div 안에 있으면 브라우저의 크기를 조정해도 div가 아래로 움직이지 않습니다.

Answer 2

당신은 이런 식으로 뭔가를 시도 할 수 : 또한

CSS 
#leftcolumn { width: 300px; border: 1px solid red; float: left} 
#rightcolumn { width: 300px; border: 1px solid red; float: right} 

HTML 
<div id="leftcolumn"><p>text goes here</p></div> 
<div id="rightcolumn"><p>text goes here</p></div> 

을 당신이 affectivly 모든 주위 사업부에서 해당 요소를 제거 부동 사용하는 경우. 이 문제를 해결하려면 HTML에 'both'로 설정된 'clear'가있는 div 클래스를 추가하십시오. 이 모든 div의이 컨테이너 이와 같이

에 잘 앉아합니다

CSS 
.clear { clear: both;} 

HTML 
<div id"container"> 
    <div id="leftcolumn"><p>text goes here</p></div> 
    <div id="rightcolumn"><p>text goes here</p></div> 
    <div class"clear"></div> 
</div>