Question

遇到一个小问题。如何使DIV2出现在下面的jsfiddle中的“rcontainer”旁边？

目前，以下代码显示在rcontainer下显示为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;
}

Answer 1

在两个div上使用float：left。

JSFiddle

CSS：

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

.div2 {
    float: left;
}

在固定div旁边划分

1 个答案: