依靠CSS精准定位来完成把1个DIV放到另外一个div右

日期:2021-03-08 类型:科技新闻 

关键词:小程序 活动,微信小程序demo,微信小程序游戏开发价格,手机小程序怎么做,视频播放微信小程序

依靠CSS精准定位来完成,你将右下角的那个DIV放在另外一个DIV里边,参照编码以下示:

拷贝编码
编码以下:

<div id="box1">
<div id="box2">检测內容</div>
</div>
<style>
<!--
#box1{width:600px;height:600px;background:green;position:relative}
#box1 #box2{width:200px;height:200px;background:red;position:absolute;right:0;bottom:0}
-->
</style>

父目标相对性精准定位,子目标以父目标为参照点肯定精准定位;
外层的div设定为相对性精准定位,里层的div设定为肯定精准定位;