2014-11-23 2 views
0

Получил небольшую проблему. Как сделать DIV2 рядом с «rcontainer» в следующем jsfiddle?Div рядом с фиксированным div

На данный момент, следующий код появится под rcontainer showns в 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

Использование поплавка: слева на обоих Див-х.

JSFiddle

CSS:

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

.div2 { 
    float: left; 
} 
Смежные вопросы