将div浮在另一个div的右侧内侧

Question

我有一个带有类属性display:block的父div；宽度：100%；。我无法改变这一点。

我试图在它的右边浮动一个较小的div，但是，它总是出现在父div的下面。我必须如何标记CSS？

.parent_div {
display: block;
width: 100%;
} 

.child_div {
 height: 51px;
 width: 51px;
 overflow: hidden;
 position: absolute;
 display: inline-block;

 }

<div class="parent_div"><div class="child_div">on right</div></div>

Answer 1

请尝试此CSS：

.parent_div {
    display: block;
    width: 100%;
    overflow:auto;
}
.child_div {
    height: 51px;
    width: 51px;
    display: inline-block;
    float:right;
}

jsFiddle示例

Answer 2

这对你应该管用：

.child_div {
 height: 51px;
 width: 51px;
 overflow: hidden;
 position: relative;
 display: inline-block;
float:right;
 }

这是小提琴