如何把最后一个div放在父div的右上angular？ （CSS）
我可以以某种方式使用CSS将block2放置在block2 右上angular ？
背景：
-
block2必须是block2的（非常）最后一个HTML代码，或者可以放在block1之后。 我不能把它作为block1的第一个元素。 - 在
block1中可能有<p>，图像，文本，而且知道什么和多less是我无法控制的。 - 另外我需要
block2来stream动。
代码：
.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; }
应该这样做。 假设你不需要它stream动。
您可以简单地将一个正确的浮动添加到.block2元素，并将其放置在第一个位置（这是非常重要的）。
这里是代码：
<html> <head> <style type="text/css"> .block1 { color: red; width: 100px; border: 1px solid green; } .block2 { color: blue; width: 70px; border: 2px solid black; position: relative; float: right; } </style> </head> <body> <div class='block1'> <div class='block2'>block2</div> <p>text</p> <p>text2</p> </div> </body>
问候…
<div class='block1'> <p style="float:left">text</p> <div class='block2' style="float:right">block2</div> <p style="float:left; clear:left">text2</p> </div>
您可以根据确切的上下文clear:both或clear:left 。 此外，你将不得不玩弄width以使其正常工作…
如果你可以添加另一个包装div“block3”，你可以做这样的事情。
<html> <head> <style type="text/css"> .block1 {color:red;width:120px;border:1px solid green; height: 100px;} .block3 {float:left; width:10px;} .block2 {color:blue;width:70px;border:2px solid black;position:relative;float:right;} </style> </head> <body> <div class='block1'> <div class='block3'> <p>text1</p> <p>text2</p> </div> <div class='block2'>block2</DIV> </div> </body> </html>
