티스토리 뷰

div를 좌우로 인라인요소처럼 배열하고 싶을때는 선 객체에 float:left;로 왼쪽 정렬을 설정하고, 

뒤에 오는 객체는 display:inline-block;로 내용 영역을 채워줍니다.

 

아래 소스를 첨부했으니 테스트 해보세요.



<style>

 .box1 {

  float:left; width:200px; height:100px; background-color:#234234;}

 .box2 {

  display:inline-block; width:200px; height:100px; background-color:#666666; margin-left:10px;}  

</style>

 

<body>

     <div class="box1"></div>

     <div class="box2"></div>

</body> 


 


<위 소스에 대한 결과 화면>






저작자 표시 비영리 변경 금지
신고
댓글쓰기 폼
1 ... 27 28 29 30 31 32 33 34 35 ... 73

티스토리 툴바