我有一个带有类属性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>
这对你应该管用:
.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示例