북

디스플라이 인라인이 안되요,,

· 2016-03-09 (수) 14:56:26 · 2674 · 4

<style type="text/css">

body {
margin:0 auto;
width:100%;background-color:orange;
background-image: url();
}
.wrap{width:100%;margin:0 auto;}
.main_wrap {width:100%;background-color:red; }
 .main_wrap div{  }

 
 .box3{background-color:pink; width:200px; height:800px; }
 .box4{background-color:green; width:100px; height:800px;  }
 
 
 
-->
</style>



<div class="wrap">
 <div class="main_wrap">

<!-- 왼쪽메뉴 --> 
 <div class="box3" >werwerwer</div>   
 
       
         
 <!-- 오른쪽메뉴 -->     
<div class="box4">
  ewrwerwerwerwerwerwer
  </div>

</div></div>
-----
여기서요
녹색박스가 자꾸 아래로 가여..display:inline써봐도 소용업어여,, 어떻게 하면 오른쪽으로 가게 할수있나요?  

|

댓글 4개

일단은 box3 옆으로 box4를 보낼려고 하면 box3의 위치를 먼저 잡아줘야 합니다.
box3 하고 box4 의 스타일에
float:left 또는 display:inline-block; 추가해주세요.
위에 소스대로 하니 되네여 감사해여~~~~
아랫소스를 를 왼쪽에다가 넣으면 안되는데

.pre_board{ background-color:white; width:200px; height:300px; margin-top:0;}

<div class="pre_board">
<? echo latest("basic", "news",4, 50); // basic 스킨으로 free 라는 게시판을 출력합니다. ?>
<br><? echo latest("basic", "board",4, 50); // basic 스킨으로 free 라는 게시판을 출력합니다. ?>
</div>

녹색박스가 안내려가게 왼쪽박스에 넣을방법이 없는걸까요?????
box3 를 float:right; , box4 를 float:left;
해주시면됩니다.
<? echo latest("basic", "news",4, 50); // basic 스킨으로 free 라는 게시판을 출력합니다. ?>
<br><? echo latest("basic", "board",4, 50); // basic 스킨으로 free 라는 게시판을 출력합니다. ?>
를 그냥 box3 이나 box 4에 넣어도 지 혼자 div로 생성이 되요... 이것 원인좀 알수있을까요??
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
16-07-24 조회 1,857
16-07-21 조회 1,908
16-07-20 조회 2,013
16-07-15 조회 2,093
16-07-14 조회 2,140
16-07-13 조회 2,080
16-07-12 조회 2,223
16-07-12 조회 2,242
16-07-12 조회 2,207
16-07-11 조회 2,111
16-07-08 조회 2,165
16-07-07 조회 2,087
16-07-04 조회 2,188
16-07-04 조회 2,283
16-07-04 조회 2,136
16-06-30 조회 2,714
16-06-27 조회 2,598
16-06-24 조회 2,416
16-06-24 조회 2,403
16-06-24 조회 2,454
16-06-23 조회 2,946
16-06-23 조회 2,669
16-06-22 조회 2,231
16-06-22 조회 2,406
16-06-22 조회 2,262
16-06-21 조회 2,316
16-06-21 조회 2,356
16-06-21 조회 2,156
16-06-20 조회 2,352
16-06-20 조회 2,377
16-06-20 조회 2,303
16-06-19 조회 2,370
16-06-19 조회 2,432
16-06-19 조회 2,324
16-06-18 조회 2,317
16-06-18 조회 2,350
16-06-18 조회 2,495
16-06-12 조회 3,110
16-06-11 조회 2,864
16-06-10 조회 2,837
16-06-05 조회 2,678
16-06-04 조회 2,737
16-06-03 조회 2,775
16-05-26 조회 2,727
16-05-23 조회 2,923
16-05-23 조회 2,848
16-05-19 조회 2,724
16-05-16 조회 2,693
16-05-15 조회 3,233
16-05-12 조회 2,906
16-05-11 조회 3,018
16-05-11 조회 2,756
16-05-11 조회 2,944
16-05-04 조회 2,950
16-05-01 조회 2,931
16-04-28 조회 3,228
16-04-27 조회 3,550
16-04-12 조회 3,062
16-04-01 조회 2,991
16-03-31 조회 2,986
16-03-29 조회 3,357
16-03-27 조회 2,814
16-03-21 조회 3,073
16-03-21 조회 2,932
16-03-19 조회 3,029
16-03-19 조회 2,949
16-03-18 조회 3,104
16-03-17 조회 2,852
16-03-17 조회 2,930
16-03-16 조회 2,793
16-03-15 조회 2,872
16-03-15 조회 2,792
16-03-15 조회 2,785
16-03-14 조회 2,942
16-03-14 조회 3,011
16-03-13 조회 2,884
16-03-11 조회 2,823
16-03-11 조회 2,924
16-03-10 조회 2,666
16-03-09 조회 2,954
16-03-09 조회 2,675
16-03-09 조회 2,888
16-03-09 조회 2,571
16-03-08 조회 2,919
16-03-08 조회 2,690
16-03-08 조회 2,770
16-03-08 조회 2,936
16-03-07 조회 2,745
16-03-07 조회 2,794
16-03-07 조회 2,729
16-03-02 조회 3,136
16-02-29 조회 3,066
16-02-25 조회 3,129
16-02-23 조회 3,019
16-02-22 조회 2,939
16-02-18 조회 3,002
16-02-18 조회 3,084
16-02-16 조회 2,766
16-02-15 조회 3,196
16-02-12 조회 3,215