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

· 2016-03-09 (수) 14:56:26 · 2582 · 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,822
16-07-21 조회 1,864
16-07-20 조회 1,944
16-07-15 조회 2,029
16-07-14 조회 2,065
16-07-13 조회 2,015
16-07-12 조회 2,157
16-07-12 조회 2,174
16-07-12 조회 2,159
16-07-11 조회 2,069
16-07-08 조회 2,114
16-07-07 조회 2,038
16-07-04 조회 2,142
16-07-04 조회 2,177
16-07-04 조회 2,086
16-06-30 조회 2,641
16-06-27 조회 2,496
16-06-24 조회 2,363
16-06-24 조회 2,337
16-06-24 조회 2,377
16-06-23 조회 2,856
16-06-23 조회 2,365
16-06-22 조회 2,183
16-06-22 조회 2,342
16-06-22 조회 2,216
16-06-21 조회 2,263
16-06-21 조회 2,303
16-06-21 조회 2,109
16-06-20 조회 2,303
16-06-20 조회 2,331
16-06-20 조회 2,258
16-06-19 조회 2,312
16-06-19 조회 2,386
16-06-19 조회 2,259
16-06-18 조회 2,256
16-06-18 조회 2,304
16-06-18 조회 2,423
16-06-12 조회 2,982
16-06-11 조회 2,784
16-06-10 조회 2,749
16-06-05 조회 2,601
16-06-04 조회 2,673
16-06-03 조회 2,701
16-05-26 조회 2,676
16-05-23 조회 2,882
16-05-23 조회 2,787
16-05-19 조회 2,659
16-05-16 조회 2,651
16-05-15 조회 3,146
16-05-12 조회 2,804
16-05-11 조회 2,939
16-05-11 조회 2,683
16-05-11 조회 2,849
16-05-04 조회 2,894
16-05-01 조회 2,884
16-04-28 조회 3,169
16-04-27 조회 3,419
16-04-12 조회 2,992
16-04-01 조회 2,906
16-03-31 조회 2,905
16-03-29 조회 3,286
16-03-27 조회 2,767
16-03-21 조회 2,995
16-03-21 조회 2,836
16-03-19 조회 2,931
16-03-19 조회 2,805
16-03-18 조회 3,058
16-03-17 조회 2,764
16-03-17 조회 2,799
16-03-16 조회 2,739
16-03-15 조회 2,816
16-03-15 조회 2,747
16-03-15 조회 2,689
16-03-14 조회 2,852
16-03-14 조회 2,827
16-03-13 조회 2,743
16-03-11 조회 2,735
16-03-11 조회 2,856
16-03-10 조회 2,620
16-03-09 조회 2,862
16-03-09 조회 2,583
16-03-09 조회 2,752
16-03-09 조회 2,524
16-03-08 조회 2,800
16-03-08 조회 2,604
16-03-08 조회 2,623
16-03-08 조회 2,777
16-03-07 조회 2,608
16-03-07 조회 2,686
16-03-07 조회 2,658
16-03-02 조회 3,038
16-02-29 조회 2,987
16-02-25 조회 3,004
16-02-23 조회 2,957
16-02-22 조회 2,816
16-02-18 조회 2,863
16-02-18 조회 3,024
16-02-16 조회 2,703
16-02-15 조회 3,065
16-02-12 조회 3,047