Div在固定格子旁邊

遇到小問題。我如何讓DIV2出現在以下jsfiddle的「rcontainer」旁邊？Div在固定格子旁邊

目前，根據rcontainer showns出現以下代碼DIV2

<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; 
}

來源

2014-11-23 Rasmus Hjorth Lüdeking

你試圖添加**浮動：左; **你#rcontainer？ – MrSo 2014-11-23 15:58:10

使用float：留在這兩個div的。

JSFiddle

CSS：

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

.div2 { 
    float: left; 
}

來源

2014-11-23 15:55:19

Div在固定格子旁邊

回答

相關問題