提问者:小点点

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


我有一个带有类属性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>

共2个答案

匿名用户

这对你应该管用:

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

这是小提琴

匿名用户

请尝试此CSS:

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

jsFiddle示例