本文介绍了如何将最后一个div放到父div的右上角? (css)的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我可以用某种方式使用CSS将 block1 中的右上角放置
block2
>?
Can I somehow use CSS to place the block2
in top right corner of block1
?
-
block2
必须是block1
的(非常)最后一个内部HTML代码,或者可以放在block1
。我不能使它成为block1
中的第一个元素。 - 在
block1
< p>
,图片,文字,这是我无法控制的知道什么和多少。 - 我需要
block2
流动。
block2
must be the (very) last inside HTML code ofblock1
or it could be placed afterblock1
. I can't make it the first element inblock1
.- Within
block1
there could be<p>
, images, text and it is beyond my control to know what and how many. - Also I need the
block2
to flow.
.block1 {
color: red;
width: 100px;
border: 1px solid green;
}
.block2 {
color: blue;
width: 70px;
border: 2px solid black;
position: relative;
}
<div class='block1'>
<p>text</p>
<p>text2</p>
<div class='block2'>block2</div>
</div>
推荐答案
.block1 {
color: red;
width: 100px;
border: 1px solid green;
position: relative;
}
.block2 {
color: blue;
width: 70px;
border: 2px solid black;
position: absolute;
top: 0px;
right: 0px;
}
应该这样做。假设你不需要它流动。
Should do it. Assuming you don't need it to flow.
这篇关于如何将最后一个div放到父div的右上角? (css)的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!