2014-11-23 2 views
0

작은 문제가 있습니다. 다음 jsfiddle에서 "rcontainer"옆에 DIV2가 나타나게하려면 어떻게해야합니까? 순간 고정 사업부 옆 사업부

다음 코드는 DIV2

http://jsfiddle.net/ce7st2ms/

<body> 
<div id="rcontainer"> 
    <div id="accinfo" style="height:50px; overflow:hidden;"> 
     <span id="inneraccinfo"> 
      xxxx <br /> 
      xxxx 
     </span> 
    </div> 
</div> 
<div>div2 here</div> 
</body> 

body { 
padding:0px; 
margin:0px; 
border:0px; 
} 
#rcontainer { 
min-height: 1000px; 
min-width: 12.54%; 
background-color:grey; 
margin:0px; 
width: 100px; 
} 
#inneraccinfo { 
font-family:my_fat_font; 
color: white; 
display: table-cell; 
vertical-align: middle; 
padding-left: 10px; 
} 
#accinfo { 
position: fixed; 
left: 10px; 
top: 122px; 
display: table; 
} 
+3

당신이 ** 플로트를 추가하는 시도 해 봤나는 :; 당신의 #rcontainer에 ** 왼쪽? – MrSo

답변

1

사용 플로트로 rcontainer의 showns 아래에 나타납니다 : 모두 DIV 년대에 남아.

JSFiddle

CSS :

#rcontainer { 
    min-height: 1000px; 
    min-width: 12.54%; 
    background-color:grey; 
    margin:0px; 
    width: 100px; 
    float: left; 
} 

.div2 { 
    float: left; 
}