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

· 2016-03-09 (수) 14:56:26 · 2578 · 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,816
16-07-21 조회 1,857
16-07-20 조회 1,942
16-07-15 조회 2,022
16-07-14 조회 2,059
16-07-13 조회 2,014
16-07-12 조회 2,153
16-07-12 조회 2,170
16-07-12 조회 2,151
16-07-11 조회 2,065
16-07-08 조회 2,108
16-07-07 조회 2,034
16-07-04 조회 2,134
16-07-04 조회 2,111
16-07-04 조회 2,084
16-06-30 조회 2,628
16-06-27 조회 2,484
16-06-24 조회 2,356
16-06-24 조회 2,330
16-06-24 조회 2,278
16-06-23 조회 2,626
16-06-23 조회 2,171
16-06-22 조회 2,178
16-06-22 조회 2,336
16-06-22 조회 2,214
16-06-21 조회 2,253
16-06-21 조회 2,299
16-06-21 조회 2,105
16-06-20 조회 2,301
16-06-20 조회 2,329
16-06-20 조회 2,253
16-06-19 조회 2,305
16-06-19 조회 2,382
16-06-19 조회 2,255
16-06-18 조회 2,251
16-06-18 조회 2,297
16-06-18 조회 2,420
16-06-12 조회 2,977
16-06-11 조회 2,775
16-06-10 조회 2,744
16-06-05 조회 2,597
16-06-04 조회 2,662
16-06-03 조회 2,694
16-05-26 조회 2,671
16-05-23 조회 2,878
16-05-23 조회 2,777
16-05-19 조회 2,652
16-05-16 조회 2,647
16-05-15 조회 3,140
16-05-12 조회 2,797
16-05-11 조회 2,933
16-05-11 조회 2,671
16-05-11 조회 2,839
16-05-04 조회 2,887
16-05-01 조회 2,881
16-04-28 조회 3,159
16-04-27 조회 3,358
16-04-12 조회 2,985
16-04-01 조회 2,898
16-03-31 조회 2,899
16-03-29 조회 3,282
16-03-27 조회 2,762
16-03-21 조회 2,991
16-03-21 조회 2,833
16-03-19 조회 2,922
16-03-19 조회 2,798
16-03-18 조회 3,053
16-03-17 조회 2,757
16-03-17 조회 2,792
16-03-16 조회 2,729
16-03-15 조회 2,809
16-03-15 조회 2,743
16-03-15 조회 2,686
16-03-14 조회 2,844
16-03-14 조회 2,719
16-03-13 조회 2,737
16-03-11 조회 2,729
16-03-11 조회 2,846
16-03-10 조회 2,617
16-03-09 조회 2,858
16-03-09 조회 2,579
16-03-09 조회 2,746
16-03-09 조회 2,519
16-03-08 조회 2,788
16-03-08 조회 2,597
16-03-08 조회 2,617
16-03-08 조회 2,767
16-03-07 조회 2,599
16-03-07 조회 2,682
16-03-07 조회 2,646
16-03-02 조회 3,030
16-02-29 조회 2,972
16-02-25 조회 2,996
16-02-23 조회 2,953
16-02-22 조회 2,806
16-02-18 조회 2,858
16-02-18 조회 3,021
16-02-16 조회 2,699
16-02-15 조회 3,056
16-02-12 조회 3,031